PhoneGap / JQuery Mobile - Page style breaking when keyboard is visible

Question

I have an application built with Phonegap and JQuery Mobile. Whenever the soft keyboard shows - on form inputs etc - the whole page resizes. Images, buttons and text. Which

Answer 1

I found the answers here:

http://solutions.michaelbrooks.ca/2011/07/05/android-soft-keyboard-resizes-web-view/

http://comments.gmane.org/gmane.comp.handhelds.phonegap/10207

A combination of adding:

android:windowSoftInputMode="adjustPan"

to AndroidManifest.xml

and

to index.html, did the job for me.

Hope this helps someone.