【问题标题】:Android Webkit Input elements buggy with CSS3 translate3D带有 CSS3 translate3D 的 Android Webkit 输入元素错误
【发布时间】:2011-12-29 18:00:41
【问题描述】:

我正在开发的 Webkit Android 应用程序中的 Input 元素有几个问题。在2.X上测试,但是3.x好像没有这些问题……

该应用程序通过为每个“页面”设置单独的 Div 来工作,并且我使用 CSS3 translate3D 在页面之间设置动画。其中一些页面包含 Input 元素。当我点击输入以获得焦点时,我的任何“位置:固定”Div 都会从顶部移动大约 5px,向左移动 5px。现在踢球者......它最终会自行修复,然后当你点击输入时再也不会发生,它只是第一次......

我的另一个问题是,输入元素在键盘上很麻烦,例如,拼写更正/自动完成不会输入文本,并且在使用 Swype 键盘时,您不能“滑动”单词,每个字母只能单独点击在 Input 元素中输入文本。

我了解到其中很多可能是由 CSS3 Translate3D 引起的。但是,我已经尝试了几乎所有方法来解决这些问题,并且我已经搜索了几乎每个站点以寻找解决方案,但无法找到解决方案,或者找到其他有此问题的人...

还有其他人有这些问题,或者知道解决方法吗?

(可能的解决方案??)有人知道在 webkit 中覆盖 Input 元素默认行为的方法吗?我想知道是否可以生成自己的 TextView 并将其放置在这些输入字段上...?

非常感谢任何帮助:)

【问题讨论】:

    标签: android css input webkit translate3d


    【解决方案1】:

    我当然在我的 Android 应用程序中经历过这种情况。 translate3d对z-index有一定的影响,而且由于在ICS之前android没有硬件加速,所以在android 2.x上使用translate3d是个问题。尝试常规的 ole translate() ,是的,性能非常可悲。我尽量不要在 android 2.x 上做太多动画

    【讨论】:

      猜你喜欢
      • 2013-10-07
      • 1970-01-01
      • 2011-05-21
      • 1970-01-01
      • 1970-01-01
      • 2011-12-22
      • 1970-01-01
      • 2012-05-12
      • 1970-01-01
      相关资源
      最近更新 更多