html - iOS Safari 自动填充建议覆盖固定位置底部元素

标签 html ios mobile-safari

我在 iOS 10.2/10.2.1(至少)上的 iOS Safari 有一个非常不一致的问题。在许多 iPhone 7、6、4 上它都可以正常工作,但在至少 2 部 iPhone 7 上我遇到了这个问题。

我有一个位置:固定; bottom: 0; 我页面上的输入元素。如果占位符是例如姓名,Safari 会在键盘上方的建议框中自动填写联系人姓名。 问题是在某些设备上,键盘的这个建议框会覆盖页面底部的输入元素: enter image description here

建议栏在键盘打开时展开,之后不会通过折叠/展开操作。

在许多经过测试的设备上不会发生这种情况,只有少数设备会发生这种情况。

似乎只有建议栏是问题所在。正常输入开关栏不会出现问题。当我将占位符更改为其他内容时,Safari 不会尝试自动填充它并且一切看起来都很好: enter image description here (除了底部的白色小缝隙,但我可以接受)

有人知道为什么这可能会在某些设备上发生吗?甚至我该如何解决这个问题?

(关于可能的解决方法的附注:正如我所说,Safari 似乎解析占位符以决定何时以及提供什么作为自动填充。当我将其更改为其他内容时,它不会显示。为此只需禁用它像这样的一个字段会被找到,但同样的事情发生在“电子邮件”字段上,并且没有聪明的替代词用作占位符。)

最佳答案

无论如何,我遇到了这个问题并通过关闭 <input> 解决了它<textarea> 的元素元素。一切都按预期工作——我没有再看到自动填充建议。

关于html - iOS Safari 自动填充建议覆盖固定位置底部元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42560366/

相关文章:

safari - 如何设置网页表单以支持移动 Safari 中的 iOS 8 信用卡扫描?

javascript - Revolution Sliders 字体像素化,在 iPhone6 的响应式网站中看起来不太好

iphone - 在 Mobile Safari 中隐藏地址栏并显示阅读器按钮

html - 在 angular2 中构建包装器指令(包装一些内容/组件)

ios - 更新内部分销证书

javascript - div 值到 jquery 或 php 变量

ios - react-native 的 Realm 给出 IOS 版本警告

ios - 在 setValue :forKey: 上崩溃

html - 将图像背景放在图像的标题上

javascript - jQuery "bounce"对中心对齐 block 元素的影响使它们在 Firefox 和 IE8 中左对齐