【问题标题】:Android 4 ICS Ice Cream Sandwich - iframe that contains a formAndroid 4 ICS Ice Cream Sandwich - 包含表单的 iframe
【发布时间】: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
  • 这个问题刚刚花费了我们上午的大部分时间和下午的部分时间。我很高兴不只是我们。 :-)

标签: android forms iframe android-browser


【解决方案1】:

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

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

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

【讨论】:

  • 这不是最好的解决方法,有些键盘会发送不符合此限制的字符。
  • @WesJohnson 有更好的解决方法吗?如果您有,请与我们分享。
  • 希望我知道,还没有找到。只是指出此修复无法解决我设备上的问题(带有 Swype 键盘的 Android 4.0.4 无法在此限制下键入大多数字母)。
  • @ckng 当我将您的 CSS 添加到 iFrame HTML 时,这在我的示例中起作用。谢谢
猜你喜欢
  • 2012-04-01
  • 1970-01-01
  • 1970-01-01
  • 2012-03-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-13
  • 2012-05-17
相关资源
最近更新 更多