Android 4 ICS Ice Cream Sandwich - 包含表单的 iframe

Posted 2023-02-22

【中文标题】Android 4 ICS Ice Cream Sandwich - 包含表单的 iframe

【英文标题】：Android 4 ICS Ice Cream Sandwich - iframe that contains a form

【发布时间】：2012-05-01 05:04:44

【问题描述】：

当用户聚焦时，android 4 会重复输入。这个重复的输入位于真实输入之上，它的功能非常正常。这很奇怪，但没关系，它似乎有效。

但是，如果这些输入位于 iframe 中，则复制的输入将不再呈现在原始输入之上，而是呈现在不同的位置。

截图（重复输入包含蓝色边框，左上角）：

据我所知，它实际上是在渲染这个重复的输入，就好像父 html 文档根本不存在一样。例如，如果您在 iframe 中添加一些 margin-top，则重复输入会考虑到这一点。

我为您的调试乐趣创建了一个实时示例：

http://ghettocooler.net/stuff/code/android-ics-iframe/

有什么想法吗？谢谢！

【问题讨论】：

看起来只是 4.0 特定问题（并且只有某些设备），没有解决方法：code.google.com/p/android/issues/detail?id=30964

这个问题刚刚花费了我们上午的大部分时间和下午的部分时间。我很高兴不只是我们。 :-)

【参考方案1】：

只花了几个小时。 davethegr8 上面的线程现在有了解决方案。解决我遇到的问题所需要的只是：

input 
    -webkit-user-modify: read-write-plaintext-only;

在 HTC One X 默认浏览器上测试过，效果很好。

【讨论】：

这不是最好的解决方法，有些键盘会发送不符合此限制的字符。

@WesJohnson 有更好的解决方法吗？如果您有，请与我们分享。

希望我知道，还没有找到。只是指出此修复无法解决我设备上的问题（带有 Swype 键盘的 Android 4.0.4 无法在此限制下键入大多数字母）。

@ckng 当我将您的 CSS 添加到 iFrame HTML 时，这在我的示例中起作用。谢谢