openlayers/openlayers — pull request #781 by ahocevar (2012-12-07 21:28:53+00:00)
Title: Tile misalignment on Android 4+

Hi, below description of the issue:

1. Issue description:
Map tiles show up misaligned - overlay each other by few pixels.
2. Test pages:
* 1st: http://jsfiddle.net/LMReG/ http://jsbin.com/odasop/1/
* 2nd: http://openlayers.org/dev/examples/mobile.html
3. Steps to reproduce for 1st test page:
* open test page on android 4+ (I used 4.0.3)
* check tiles alignment
* press Select button to navigate to another page
* click on select menu (and optionally choose an option)
* go back to map screen (back or using Map header button)
* check tiles alignment
4. Steps to reproduce for 2nd test page:
* open test page on android 4.1+ (I used 4.1.2)
* check tiles alignment
* use track ball or d-pad (I was using emulator controls)
* check tiles alignment
5. Expected outcome:
Map should display tiles correctly aligned
6. Actual outcome:
Tiles alignment is broken for both test pages: http://imgur.com/x7MmP
7. Platforms/browsers:
* Android 4.0.3 Emulator Browser
* Android 4.1.2 Emulator Browser
* Android 4.1.2 SGS3 Browser
* not visible on desktop browsers
88. Other relevant information:
* Provided 1st test page is a small modification of this OpenLayers example: http://openlayers.org/dev/examples/mobile-jq.html
* issue is hard to notice with OSM map in smaller scales, to see it, zoom to a bigger scale
* Recreating map in a fresh div does not remove the issue - full page refresh is required

At first I reported the issue in jQuery Mobile Issue Tracker: https://github.com/jquery/jquery-mobile/issues/5339 but then noticed that the same problem also shows up after using track ball or d-pad.