When having two different size maps, the moving one causes the other one move also

[kimmobrunfeldt]

Steps to reproduce

1. Add poster
2. Change the currently selected poster's (cartItem no. 2) size
3. Move the map up
4. Switch back to cart item 1
5. It has now moved also.

What is happening

So the bug is something like this:

• Setup the situation (2 maps different sizes). We're now editing the first cart item.
• Switch to the other map (cart item Resizing canvas is not smooth because map resize is not animated #2), which causes our app to mark that we're editing number 2
• Map starts to resize and move to the location of what Resizing canvas is not smooth because map resize is not animated #2 should be
• While moving to the correct location, map sends a change event
• Our app saves the middle way to cart Resizing canvas is not smooth because map resize is not animated #2, which makes it move to the incorrect place

I couldn't reproduce this bug if the other map is from far away, so it apparently only happens when the two maps are from close locations which causes the map to animate the position change instead of a complete reload of the map

[kimmobrunfeldt]

I upgraded leaflet to 1.3.4 and react-leaflet to 1.9.1. Didn't fix it yet.