JQUERY Mobile form jumps on inputting values

Question

I have this really annoying issue with the form jumping up and down on inputting values. I am using Jquery mobile version 1.0.1 using phonegap and testing it out on android 2.3 (this issue is only on android and not on iphones -why!?) .

I noticed that if the page is not scrolled before focussing on input box, then there is no issue. But the moment I scroll the page, and click on text box to input value , all hell breaks loose. Can anyone please enlighten me what is going on! Thanks in advance

Answer 1

I solved my issue as follows:

The container div have following css:

    -webkit-transition-property: -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0,0,0.25,1);
    -webkit-transition-duration: 0;
    -webkit-transform: translate3d(0, 0, 0);

Removing it solved my problem in android.

It seems android is buggy with advanced css3 styles.

Hope this information may help...