Browser resizing issue with jQuery Mobile samples

[JeffJacobson]

I found an issue with the jQuery Mobile samples when browsing from the desktop.  Is there a way to fix this?

1. Go to this page and click the View live sample link.


2. Wait for the map to load and zoom to your location. (Grant permission to your browser to access your location information if necessary.)


3. Click the button in the upper right corner to open the Legend page.


4. Resize the browser window.


5. Click the X button in the upper left of the Legend to return to the map.


6. Now the map looks weird. (See attachment.)

[ATTACH=CONFIG]20221[/ATTACH]

[JohnGravois]

also, in chrome, panning the map moves the GPS point and holding shift while dragging a box draws the rectangle offset from the mouse cursor.

[JeffJacobson]

The URL of the sample that I referenced in the original post has since been moved; it is now here.

[KellyHutchins]

Hi Jeff,

I'm trying to reproduce this issue and can't. I'm testing using Chrome (v. 23.0.127). Can you provide additional details on the browser and version?

Kelly

[JeffJacobson]

Hi Jeff,

I'm trying to reproduce this issue and can't. I'm testing using Chrome (v. 23.0.127). Can you provide additional details on the browser and version?

Kelly

It happens to me using any of the following in Windows 7 64-bit

• Chrome Version 23.0.1271.97 m


• Firefox 17.0.1

Edit
Applied latest updates to browsers and the issue is still there:
Firefox 18
Chrome 24.0.1312.52 m

[EricJackson1]

I tried the sample from a Samsung Galaxy Nexus and saw a similar result (see attached image).  To simulate the resize I rotated the device from portrait to landscape and back.