Screen is jumping up and down while typing on Android

[WallTearer]

Hello.
Did anybody find new fixes?
My problem is not only jumping textarea and input field when user is typing, but also that when you're accessing textarea or input field, it gets cloned on the page (in the random place on the screen). And that cloned version of the field is moving in a strange way on the screen when you're scrolling. Also, if you're typing in the field, you can see that both fields (original and cloned) are updated with the text.
I commented out in sencha-touch.css file all rows that have 3d transition and -webkit-backface-visibility - but still having this problem.
Device is HTC Explorer.

[paul4468]

I've have been having the same exact issue as described by WallTearer for a long time on HTC EVO. I posted this a while back http://www.sencha.com/forum/showthre...droid-HTC-EVO&. There is a workaround in there but I wish they would fix this.

[WallTearer]

Thanks, paul4468, I've tried your solution with adding form fields into the fieldset.
The textarea and input fields aren't getting cloned anymore, but they're still jumping on my screen.
At least, they are not cloned

[twingocerise]

I had the same problem in a complete different context and actually I found out that this was because of the z-index of a fixed positioned div in my page. Actually, a fixed positioned div has to have the highest z-index on the page on an android wrapper. Try to set 99999 to it (or any higher than any z-index of any other absolute div) and that should do the trick. I wrote about this if you ever want to read it... http://java-cerise.blogspot.com/2012...-and-down.html

[patilsagar]

i am facing the same problem. when i tap on the text box to enter text. I get 2 text box. one at the place where it is and another on top of the screen jumping up and down. this problem occurs only in HTC phone. Is there any problem with the HTC phone or is there any problem with my HTMP 5 CSS code

[WallTearer]

patilsagar, take a look in this thread, maybe you will find solution there. I've posted the way how I fixed this issue in that thread.

[patilsagar]

@WallTearer. I tried it but still i am facing the same problem. Is this the problem of HTC device. because this problem occurs only in this device where as it works smoothly in other android devices.

[WallTearer]

Try to open Kitchen Sink demo page on your device and look how the textarea will work there. If textarea will produce the same bug on this official sencha demo, then you're probably in trouble If it will render textarea properly, try to figure out the differences between your code and Kitchen Sink code.

[HHammer]

I've solved the form jumping issue in Android by replacing translate3d by translate into the all of sencha-touch.js. (there're 3 lines that containing translate3d in ver 1.1.1)

[fanyuelin555]

It is HTC'S problem,there are 3 core functions based on CSS3 that are not supported on HTCs,animation,transform and transaction.In your code,there must be some rows that is related to CSS3.