在移动端视图中，在各种模态框中添加用户非常困难

awesomerobot · 2026 年4 月 20 日 20:50

是的，这确实是个烦人的行为！我这边有一个修复方案正在运行：

github.com/discourse/discourse

UX: prevent iOS from scrolling modal out of view on dropdown input focus (#39382)

main ← ux-prevent-ios-modal-jump

opened 08:49PM - 20 Apr 26 UTC

awesomerobot

+29 -0

When we have a dropdown with an input inside of a modal, iOS will attempt to pos…ition the input and ends up shifting up the entire modal to be unreachable. This change avoids the issue by: 1. capturing the current scroll position 2. set `window.scrollTo(0, lockedScrollY)` to undo iOS' scroll attempt 3. on close, resets to the `lockedScrollY` position Before: https://github.com/user-attachments/assets/5e2fe34a-bb24-49c4-849a-d910150d389b After: https://github.com/user-attachments/assets/70c51e3f-36d9-4eca-93cf-fd43e4b29878

@j.jaffeux 你在模态框/菜单方面做了很多工作，对此有什么看法吗？

话题		回复	浏览量
Can’t input username into Invite modal on iPadOS Bug	6	227	2024 年10 月 28 日
Focusing on input in modal on mobiles scrolls the page up and makes the modal invisible UX	2	1888	2017 年4 月 13 日
Modal input fields cause page jump to top of the page Bug mobile , ios	13	334	2025 年9 月 28 日
Re-assign in mobile view does not allow typing in search field for users Bug assign , mobile	9	92	2026 年4 月 22 日
Poll dialog inputs get cut off on mobile UX	3	836	2020 年2 月 19 日

在移动端视图中，在各种模态框中添加用户非常困难

相关话题