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

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

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

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

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

将对话框/模态更改为position: absolute(不推荐)

尝试在模态/对话框打开时删除背景滚动,并在对话框关闭时恢复它.

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

注意:

记得在触发器修复时检测OS /浏览器,否则你可能会在IE中遇到问题.

请按照此主题获取有关此问题的最新更新.