Page transitions flash/blink on Android 4.0.1

[justinribeiro]

• Device: Samsung Galaxy Nexus GSM
• OS: Android 4.0.1
• Affected Version: 1.0 Final

The page transitions are pretty harsh on Android 4.0, as seen in the following video which navigates the JQM demo site (http://www.youtube.com/watch?v=aHKozRk29b0). You end up with a sort of flash/double blink jumpiness before the page appears.

I realize that Todd has #3217 open for page transition re-think, but I thought I would submit this separately initially in the event it can be fixed prior to v1.1.

[toddparker]

Thank you so much for posting that video, it's really helpful. We unfortunately don't have a ICS device to test on yet, but this looks very disappointing. I just don't understand how Google can be so bad with animations version after version.

I'd prefer to close this and have ou comment with these details and video link in #3217 so we can track everything together so can you comment there and paste in the info above?

Would you be willing to help us test as we go? The best way would be to hang out on the jquerymobile-dev IRC channel so we can ping you.

In my experience, it is the page that's being left which is the cause of flashing. For example, my app's home screen will sometimes flash back into view briefly after I have clicked on a link to another page or dialog. In the case of this page, it's related to a list item that I animate into view on pageshow with jQuery's fadeIn(). Since the list item is a warning, it is not always displayed. When it is not displayed, transitioning away from that page does not cause blinking. When it is displayed, there will be blinking in transitions to some, though not all, pages.

Another observation is that the flashing is less likely to occur if the page I'm transitioning to does not have a 'pageshow' event handler attached. The flashing of the page-we-just-left is particularly likely if the page we're transitioning to has both 'pageshow' and 'pagebeforeshow' handlers.