I have a single page jqm app that uses Knockout to show one of 7 or so different pages within it. I wrap each data-role="page" with a knockout if:
<!-- ko if: showEditPage() === true -->
<!-- /ko -->
Each page shows correctly until I switch to one that is shorter than the screen size. i.e. I navigate from Home Page to Short Page and back to Home. Then the Home page size matches the Short Page so the bottom of the page is cut off.
I tried removing the ko commenting and just use jquery Hide/Show, but same result.
I've narrowed it down to JQueryMobile (1.1.2) because the problem goes away when I comment out the jqm
Everything works fine as long as I don't navigate to a shorter page.
The pages are re-shown using $(pageID).show().page();
I've turned ajax off because the page will eventually be used offline: