Android浏览器的textarea滚动所有的地方，不可用 [英] Android Browser textarea scrolls all over the place, is unusable
问题描述
所以我建立的一个主要面向移动Safari浏览器一个不错的，有光泽的HTML5应用程序，Android的默认浏览器。 Android的版本，我在测试它是2.1和2.2。
So I've built a nice, shiny HTML5 application that is targeted at mobile Safari, and Android's default browser. The Android versions I'm testing it on are 2.1 and 2.2.
我的应用程序，对某个页面文本区域，而这个文本区域往往有时有它的文字量好。它基本上是一个自由形式的写作领域。
My app has a textarea on one of its pages, and this textarea tends to have a good amount of text in it at times. Its basically a free-form writing field.
这工作正常iOS中。但是在Android上，在您键入，屏幕滚动似地上下对每一次击键，往往你不能看到它是什么，当你键入你输入，并从所有的跳来跳去弄晕了。此外，如果文本区域内的含量超过其高度，这似乎是不可能在其内滚动。
This works as expected in iOS. However on Android, as you type, the screen scrolls wildly up and down on every keystroke, often you can't see what it is you're typing as you type, and you get dizzy from all the jumping around. Furthermore, if the content within the textarea exceeds its height, it appears to be impossible to scroll within it.
甚至不要让我开始在横向模式。上述问题更加明显存在。
Don't even get me started on landscape mode. The above issues are even more pronounced there.
这感觉就像与Android的一个错误，因为真的是没有任何幻想我的文字区域。我已经剥离下来到最基本的要素，它的行为是一样的。
This feels like a bug with Android as there really isn't anything fancy about my textarea. I've stripped it down to the bare essentials, and it behaves the same.
想知道如果任何人有过这么多的乐趣与他们在Android文字区域，和也许可以给一些建议，或者至少是同情？
Wondering if anyone else has had this much fun with their textareas on Android, and could maybe give some advice, or at least empathize?
看来，谷歌已经成功地大多是解决这个的Gmail网络界面为Android。我猜有一些JS魔法怎么回事，因为我的标记/ CSS是相同的。
It seems that Google has managed to mostly solve this in the Gmail web interface for Android. I'm guessing there's some JS magic going on because my markup/CSS is identical.
推荐答案
解决方案： 三维WebKit是在Android的打破，这是造成这个问题。请确保您不使用WebKit的变换：translate3d（0，0，0）;或-webkit-背面能见度：隐藏;在任何有关的投入。 ：（
SOLUTION: The 3D webkit is broken in Android, this is causing this problem. Make sure you are not using -webkit-transform: translate3d(0, 0, 0); or -webkit-backface-visibility: hidden; on anything related to the inputs. :(
这篇关于Android浏览器的textarea滚动所有的地方，不可用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
