Android Browser textarea滚动到处,无法使用

Esc*_*ton 13 html5 android css3 mobile-website

所以我构建了一个漂亮,闪亮的HTML5应用程序,针对移动Safari和Android的默认浏览器.我正在测试它的Android版本是2.1和2.2.

我的应用程序在其中一个页面上有一个文本区域,而这个文本区域有时会包含大量文本.它基本上是一个自由形式的写作领域.

这在iOS中可以正常工作.然而,在Android上,当你输入时,屏幕会在每次击键时上下滚动,通常你无法看到你输入时输入的是什么,并且你会从所有的跳跃中感到头晕目眩.此外,如果文本区域内的内容超过其高度,则似乎无法在其中滚动.

甚至不让我开始横向模式.上述问题在那里更加明显.

这感觉就像Android的一个错误,因为我的textarea真的没什么特别的.我把它剥离到了必需品,它的行为也一样.

想知道是否有其他人在Android上的textareas有这么多的乐趣,可能会给出一些建议,或者至少是同情?

谷歌似乎已经成功地在Android的Gmail网络界面中解决了这个问题.我猜测有一些JS魔法正在进行,因为我的标记/ CSS是相同的.

Ale*_*nde 9

解决方案:3D webkit在Android中被破坏,这导致了这个问题.确保你没有使用-webkit-transform:translate3d(0,0,0); 或-webkit-backface-visibility:hidden; 与投入有关的任何事情.:(


War*_*ith 0

我几乎在每个页面上都经历过这种行为。在 StackOverflow、wordpress 博客等等上。

我只能想象这是 Android 浏览器中的一个可用性错误/问题,这就是为什么我更喜欢本机 UI/应用程序:)