如何修复固定模态bug中的iOS 11输入元素

Question

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

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

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

Answer 1

目前还没有完美的解决方案.两个临时选项:

选项2的详细信息:例如,您可以overflowY='hidden'在对话框打开时设置根div(或具有滚动条的任何内容),并overflowY=''在对话框关闭时将其更改回来.(缺点:打开对话框/模态时,浏览器将滚动到顶部)

注意:

Answer 2

我不确定这是否与您面临的问题完全相同，但这个解决方案对我有用：

.modal-open {位置：固定;}