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

Page flicker on loading/transition to 'long pages #5805

Closed
Derinruban opened this issue Mar 24, 2013 · 7 comments
Closed

Page flicker on loading/transition to 'long pages #5805

Derinruban opened this issue Mar 24, 2013 · 7 comments

Comments

@Derinruban
Copy link

This issue has been raised before but i can't see a definitive answer. Using JQm 1.3 the page flickers after transition or loading of pages where the content is quite long, but not on pages where it is short. i've removed all fixed headers/footers to see if that made a difference, it didn't.

http://www.lagosindex.com/march/article.html - NO FLICKER
http://www.lagosindex.com/march/article3.html - FLICKER

The thing that perplexes me though, is that i have no such issues with JQM 1.2, regardless of whats on the page:

http://twfrnov.ebrapps.com/leadership1.htm - NO FLICKER

I do NOT want to revert to 1.2 because i want to use this new Panels widget. So can somebody please explain exactly why it is that pages with 'long' content must flicker with JQM 1.3? It is immensely frustrating.

Thanks

@jaspermdegroot
Copy link
Contributor

@Derinruban

What platform/browser did you test?

We are looking into improving transitions. Maybe this change 43fd915 improved things already. Can you test again with latest code?

  <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css"> 
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>

@Derinruban
Copy link
Author

Hi,

Thanks for your reply, will check this out and let you know shortly.

I only tried on iOS 5., on mobile safari, and then tried it as an app compiled via Phonegap build, same results in both.

Its amazing how this flicker issue can ruin an otherwise brilliant framework. Hopefully this solves it

Thanks

@Derinruban
Copy link
Author

Hi,

Tried with this, still flickers, and it seem to break the whole page if data-next="foo" is used for the purposes of swipe navigation.

http://www.lagosindex.com/april/article3.html - LOADS, flicker present
http://www.lagosindex.com/april/art.html - DOESN'T load due to presence of data-next="

Please look into this.

Thanks

@jaspermdegroot
Copy link
Contributor

@Derinruban

Turned out that our latest code files on the CDN have been stale for a while, but they are updated now. Maybe you can test again.
Your test pages aren't available anymore. This is one of the reasons that we require a test page using our JS Bin template.
Please provide a new test page and we will look into the issue.

@ghost ghost assigned jaspermdegroot Apr 1, 2013
@Derinruban
Copy link
Author

Hi,

Thanks, but still happens, test pages available at :

http://www.irokoindex.com/april/article3.html - LOADS, flicker present
http://www.irokoindex.com/april/art.html - DOESN'T load due to presence of data-next="

cheers, will look at using for JS Bin

@Ruffio
Copy link

Ruffio commented Apr 17, 2014

Is this still relevant? All links are dead and no other available links are provided.

@arschmitz
Copy link
Contributor

Since all links are dead and there have been no further reports no valid test page and no confirmation of the issue I'm going to close this

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

4 participants