光标在移动站点中向下移动 - 奇怪的问题可能是苹果键盘的问题

Cursor moves off down in mobile site - Weird issue probably cz of apple keyboard

我遇到了这个奇怪的问题,我认为这是因为苹果键盘。当我点击输入字段时,键盘从底部出现,光标向下移动,如下所示:

当我在模式打开的情况下向上滚动时,它会回到这样的位置:

可能是什么问题?

这是 iOS 11 中的一个已知问题,当 <input> 元素位于 position:fixed 容器内时会发生,并且在 this blogpost 中有详细描述。

目前的解决方法是:

  1. 制作模态 window position: absolute 而不是 fixed
  2. display:none 隐藏模态后面的内容并拉伸模态以覆盖整个页面
  3. 完全避免模态

None 的解决方法尤其是 100% 的解决方案,但是 iOS 11 次更新中的 none 尚未解决该问题。