jquery/jquery-mobile — Issue #3435: iOS5: embedded iframes and major page scrolling / navbar footer issues
Author: rbdrbd
Created: 2012-01-14 17:26:35+00:00
State: open

Using an iPhone 4 with iOS 5.0.1.

Touchoverflow enabled, youtube and vimeo embed: http://jsbin.com/ebevif/25/edit
* Scrolling is very finicky (sometimes works and sometimes doesn't)...reload it to try again...may work
* If you are able to scroll down, check out the youtube video embed (the second video, on coffee) -- 9 times out of 10 it is either not showing, or only the top 1/5th of it is showing. Note that it seems to always show if it is within the visible area when the page shows. I believe this specific issue is only when the video is off-page when the page is loaded.)

So then if you disable touchoverflow, you get: http://jsbin.com/ebevif/26/edit
* Scrolling works fine now, however, notice that the footer bar blinks on and off (if it isn't blinking for you, scroll down)
* Footer bar stops blinking like that once you're scrolled down to the very bottom of the page

The problems even happen if not using a video iFrame (just a text iframe -- no video player): http://jsbin.com/ebevif/28
* Same issues as one of the above testcases, depending on if touchOverflow is enabled or not

Just tried these on my Android 3.2 device (Xoom tablet). Works fine.