jquery/jquery-mobile — Issue #2744: iOS5/touchOverflowEnabled layout problems 
Author: thomson02
Created: 2011-10-18 20:54:04+00:00
State: open

Hi Guys,

I've noticed an issue using the latest version of jQM. There seems to be layout problems when using iOS5 + touchOverflowEnabled = true. What i'm seeing is that the width of the page is calculated incorrectly and as a result the page is squeezed into ~75% width of the page.

From playing around with it, it seems to be a problem with divs marked with data-role="content". When i remove the data-role, i don't see the problem.

It is really easy to reproduce. Use the following body and initialise jQM + jQuery in the usual way (making sure to set touchOverflowEnabled = true). Disabling touchOverflowEnabled or removing data-role resolves the issue.

Header

A

A

A

Thanks,
Andrew