This repository was archived by the owner on Oct 8, 2021. It is now read-only.
This repository was archived by the owner on Oct 8, 2021. It is now read-only.
White flash/flicker when transiting between 2 web pages in Phonegap #4024
Description
I have 3 files in my phonegap 1.4.0 application that uses jquery mobile 1.1.0 rc2. Here is a quick description on the code before the code snippets are shown.
They are index.html, foo.html and todo_list.html
- index.html has a button that links to foo.html
- foo.html has a button that links to bar.html
- bar.html has a button that links to foo.html html via data-rel="back"
- foo.html and bar.html are identical except that the header bar in bar.html has a header that is made up of divs
foo has the header as follows
<div data-role="header">
<h1>Bar</h1>
</div><!-- /header -->
<div data-role="header" class="header_custom" data-position="fixed">
<div class="header_left_button header_section_width" style="">
<a href="index.html" class="first" data-direction="reverse" data-icon="arrow-l" data-iconpos="notext" data-role="button">Back</a>
<a href="index.html" class="second" data-icon="home" data-iconpos="notext" data-role="button" data-transition="fade">Home</a>
</div>
<div class="header_title header_section_width">
<a href="home.html" class="title_link" data-transition="fade">Bar</a>
</div>
<div class="header_right_button header_section_width">
<a href="add.html" class="last" data-icon="plus" data-iconpos="notext" data-role="button" data-transition="fade">Add</a>
</div>
</div><!-- /header -->
If there is difficulty reproducing this. I can try to reproduce files. The classes on the divs should not matter as I removed the custom css reference when testing.