Double Click Zoom moves the map while using the map in an absolute positioned div

ThomasMannheim — Wed, 05 May 2021 05:20:28 GMT

On one of our pages, we need to show the map in a certain location, whose parent tags has -at least- the css property position: absolute. So we have a html structure similar to this:

...

<div id="map"> // This is where our map is

And in this case, a double click (or pinch-to-zoom on mobile) does not work nicely since the map content also moves somewhere else while zooming, so we lose our position in the map. (Although the zoom In/Out buttons on the map works fine and they never lose the orientation)

When i move our map's div (which itself does not have any additional css) to another location, which does not have any absolute or fixed positioning, everything works well.

Currently as a quick fix, we had to completely disable the double click function with disableDoubleClickZoom.

Do you have any idea how we can fix this problem?

topic Double Click Zoom moves the map while using the map in an absolute positioned div in ArcGIS JavaScript Maps SDK Questions

Double Click Zoom moves the map while using the map in an absolute positioned div