PhoneGap: Is there a way to stop the keyboard from resizing the view?

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.

Accepted Answer

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" />
```

PhoneGap: Is there a way to stop the keyboard from resizing the view?

Solution

Problem