[openstreetmap/openstreetmap-website] Map shifts position incorrectly on mobile view (#991)

[dieterdreist]

I can confirm that this is still the case. It is not limited to mobile and it happens when you close the left sidebar (map jumps to the left). It doesn't happen at widths of 1200px or more (desktop / scale=1), but it happens when the screen is narrower than that.

On small screens (sidebar from above rather than left), the map jumps to the left + down so that the top border of the visible map remains at the same point, but the left border and right border is shifted to the right, effectively panning the map to the left. While there are probably good intentions behind this, it leads to a very confusing result if you were focussing on a part that is now off screen.
On closing of the sidebar it does the same movement in the opposite direction.
Maybe the vertical movement is happening automatically (as a result of reducing the map height when the sidebar pops up from above).

Here some screenshots to illustrate the problem:
![Screenshot 2019-11-18 at 22 57 05](https://user-images.githubusercontent.com/581288/69097516-fe694b00-0a56-11ea-9b56-bc9edf603c34.png)
![Screenshot 2019-11-18 at 22 57 25](https://user-images.githubusercontent.com/581288/69097518-ff01e180-0a56-11ea-9491-252e34094856.png)
![Screenshot 2019-11-18 at 22 57 38](https://user-images.githubusercontent.com/581288/69097519-ff01e180-0a56-11ea-8c7c-8d2e8460d199.png)
![Screenshot 2019-11-18 at 22 57 51](https://user-images.githubusercontent.com/581288/69097521-ff9a7800-0a56-11ea-94de-934cebc06eed.png)


-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/991#issuecomment-555228609
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20191118/94168e18/attachment.html>