【问题标题】:iOS Safari autofill sugestions overflap fixed position bottom elementiOS Safari 自动填充建议覆盖固定位置底部元素
【发布时间】:2018-07-20 06:09:42
【问题描述】:

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

我的页面上有一个position: fixed; bottom: 0; 输入元素。如果占位符是例如Name,Safari 将在键盘上方的建议框中自动填充联系人姓名。 问题是在某些设备上,键盘的这个建议框会与页面底部的输入元素重叠:

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

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

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

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

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

【问题讨论】:

  • 同样的故事。使用这个看起来很无辜的输入字段:
    在英文版 iOS 10 上,软件键盘上方的建议框坚持让我填写我的联系人。太疯狂了。占位符只是用德语说“请在此处输入”。为什么这会被视为联系表?

标签: html ios mobile-safari


【解决方案1】:

无论如何,我只是遇到了这个问题,并通过将<input> 元素换成<textarea> 元素来解决它。一切都按预期工作——我不再看到自动填充建议。

【讨论】:

    猜你喜欢
    • 2015-02-23
    • 2012-08-30
    • 2023-01-10
    • 1970-01-01
    • 1970-01-01
    • 2017-05-26
    • 2023-02-16
    • 2019-12-25
    • 2011-07-01
    相关资源
    最近更新 更多