Tuesday, July 17, 2012

JQM: Fix PhoneGap Android textarea Jumping Around

Android 2.3 browser is buggy when it comes to CSS3 properties. Recently we got this
weird bug when user types something in a textarea component. The page jumps around with
each character we typed.
We can fix that by not using any CSS3 3D properties like -webkit-transform: translate3d(0, 0, 0);.
Also, in the AndroidManifest.xml file add windowSoftInputMode="adjustPan" in the activity tag.
Modified activity tag will look like:
<activity
android:name=".ProjectNameActivity"
android:configChanges="orientation|keyboardHidden"
android:windowSoftInputMode="adjustPan"
android:label="@string/app_name">