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 I’m assuming is something breaking the CSS?
Anyone else had this problem, or know why it might be occurring? I’m having to restart the application to reset the layout.
Any ideas appreciated!
Thanks!
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:
to AndroidManifest.xml
and
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />to index.html, did the job for me.
Hope this helps someone.