jQuery Forum

Hi,

I'm deploying a mobile app using jQuery Mobile 1.1 and Phonegap on BB Torch 9800 OS6.
The minimum page height set by calling $.mobile.getScreenHeight is too small causing the background
styling not to stretch to fill the viewport. I believe this was broken in 1.1.

In 1.1 $.mobile.getScreenHeight() returns 342, in 1.0 it returns 480

Note this appears only to affect Phonegap apps on BB. Running the same app in the browser
$.mobile.getScreenHeight() returns 420 and takes the entire viewport minus the address bar.

The following thread seems to suggest using screen.availHeight instead of window.innerHeight

http://groups.google.com/group/phonegap/browse_thread/thread/57bc2861372c5a2a

When I change $.mobile.getScreenHeight() from:

return window.innerHeight || $( window ).height();

to:

return screen.availHeight || $( window ).height();

The page fills the entire screen.

Obviously, this is not an ideal solution as it causes the page to be too large and becomes scrollable when viewed outside of phonegap.

Any suggestions?
Thanks,
Mark