如何在固定模态错误中修复 iOS 11 输入元素

Question

新发布的 iOS 11 中 HTML 输入中的一个错误正在给在固定容器中具有输入元素的网站带来问题。这正是正在发生的事情以及一些可能的解决方法。

如果您有一个固定容器，并且它离屏幕底部足够近，迫使浏览器滚动为键盘腾出空间，则光标将放在文本输入之外。这对我们来说是一个关键问题，因为我们的核心功能之一依赖于用户通过固定模式对话框进行的输入。

这对我们来说是一个关键问题，因为我们的核心功能之一依赖于用户通过固定模式对话框进行的输入。

原文由 Amjad Jafar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个错误也会影响 iframe 输入，所以我相信我找到的修复也将有助于模态框。

所需要做的就是将以下 css 应用于 iframe 中的输入。

 input:hover {
   cursor: text
}

这是一个例子： https ://codepen.io/ryanoutloud/project/full/AEKGjj

原文由 Ryan L. 发布，翻译遵循 CC BY-SA 4.0 许可协议