jquery/jquery-mobile — Issue #3065: Listviews do not render correctly with overflow touch
Author: ahutch
Created: 2011-11-16 03:44:54+00:00
State: open

I can get the rendering to fail even with the suggested work-arounds. I created a test case to show the failure. Sorry it is not as simple as I would have liked but I knew it would fail. I have read a lot of threads about this and made a few comments but have no resolution. I know this is an Apple IOS5 issue but my app is not very useful without scrolling divs.

View the following on an Ipad held in a landscape orientation. I am using IOS5.0.1 but had the same issue with 5.0.0.

http://jsbin.com/oxixit

The listview on the bottom left should scroll in place with touch. It is possible that the first time the page is loaded is works fine. So I provided to buttons at the top left. Press page 2 which will transition to an identical page. Now if you scroll the listview it will be all messed up. You can flip between the two pages and things get worse.

Also I noticed in this test case that the transition is also messed up and the divs on the page jump around before the transition. I have never seen this before rc3.