Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

flickering transition and header/footer on Xoom 3.1 (1.1rc1) #3676

Closed
role2000 opened this issue Feb 29, 2012 · 2 comments
Closed

flickering transition and header/footer on Xoom 3.1 (1.1rc1) #3676

role2000 opened this issue Feb 29, 2012 · 2 comments

Comments

@role2000
Copy link

Two problems came up with the new version 1.1.0rc1 of jqm on a Motorola Xoom (3.1) and android:hardwareAccelerated="true"

  1. White flashing page during a page transition with defaultPageTransition="none".
    It's the same with the jqm online demo in standard webkit browser on Xoom but flashing page is black.
    Not seen with 1.0. on Xoom and not with 1.1.0rc1 on HTC-DHD or on Samsung ace.
  2. Fixed footer with a navbar (custom icons) is flickering very much if the page is scrolled.
    The same with the back button in the fixed header.
    It's the same with the jqm online demo in standard webkit browser on Xoom with the fixed header (home-button/search-button is flickering).
    Not seen with 1.1.0rc1 on HTC-DHD or on Samsung ace.

Both seen in a PhoneGap-project with android:hardwareAccelerated="true" in the app-manifest.
Without hardware acceleration page scrolling is stuttering very much so i have to set it to true.
But without hardware acceleration points 1. and 2. are gone.

@role2000
Copy link
Author

role2000 commented Mar 2, 2012

i've made a video to demonstrate it:

http://youtu.be/wZz_0IoJKrk

its made with the current demo http://jquerymobile.com/demos/1.1.0-rc.1/docs/toolbars/footer-persist-a.html
it behaves the same in my phonegap app.

what you see in the video is:
coming from page "footer bars" i click "navbars": you see a short flicker. i think this should be the fade, which was not smooth enough.
but then i click "persistent toolbars": first the page disappears completely, then you see a part of the fading (this time its smoother but not enough), but then the page disappears completely again before the second page appears.

at the end i show how the fixed footer flickers (same with header buttons; not shown in video).

in my phonegap app i've setted the transition to none, so the fade is not inbetween the two blank pages.
you then see only one time the blank page.

@jaspermdegroot
Copy link
Contributor

Closing as duplicate of #4024

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants