Question

I’m currently using PhoneGap for a mobile app I’m developing. In my Login screen, when I select a text field, the view shrinks horizontally when then keyboard slides up. This only happens on the Android and not iOS.

This concerns me because I have a bottom toolbar that is position:absolute; bottom:0; and this toolbar is pushed up in Android when the keyboard shows up. In iOS, the keyboard just simply overlays it.

Answer 1

In AndroidManifest.xml on your main activity add the following:

android:windowSoftInputMode="adjustPan"

and

android:configChanges="orientation|keyboardHidden"

In index.html add what traumalles pointed out:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />