I am writting my first app with Jquery mobile ... it's really a nice framework but now i am stucked with a really weird problem : On nearly all page transition i got a 1px white line flashing at the bottom of the screen (exactly on the footer bottom border).
It appears on every page transition but the ones that shares the same footer (same data-id).
I googled a LOT and tries a LOT of things :
page height : seems to not happen on long pages ...
footer height : nothing
having same footer height on each page : it improves a bit, before the line was 2/3 pixels and changing size
$.mobile.defaultHomeScroll=0 : It fixes the flash line between page sharing a static footer
Tried to find where this white color is coming from (not body, not page, .... ) : Ig i could get the same color as my background i will be happy !
I am lost, i really want to remove this weird line and have a more native behavior.
It happens under fullscreen on iphone (page added to home) and in phonegap BUT it does NOT happen in safari.