window.resize due to virtual keyboard causes issues with jquery mobile

Question

I\'m hitting an unusual problem and I\'m looking for suggestions. Basically, I\'m using:

• JQuery Mobile 1.1
• JQuery 8.2
• PhoneGap (Cordova) 2.1

Answer 1

I had a problem where the virtual keyboard would extend the viewport, showing the contents underneath(an external panel).

I solved by setting the css height based on the window height:

$('#page').css('height', $(window).height());