CSS is leaking outside of its boundaries

[martinRenou]

Using the pydata-sphinx-theme in ipyleaflet, we now see that the theme CSS pollutes the map widget:

For example with this page: https://ipyleaflet.readthedocs.io/en/latest/layers/image_video_overlay.html

What we see:

What we should see:

Other artifacts are visible in other pages of our documentation.

[12rambau]

I guess that's why I see a fine white line on my computer between the map tiles

[martinRenou]

I guess that's why I see a fine white line on my computer between the map tiles

I actually also see this since years even in https://leafletjs.com, but not in all conditions. For example today I can reproduce this when the page is zoomed-in at 110% on Chrome (cannot reproduce on Firefox).

So I would say the fine white line between tiles is not coming from the pydata-sphinx-theme.

[12rambau]

I think unfortunately we need to special case image in leaflet map as we want this feature to be the default behavior for all assets that have not been specifically edited.

I tried to reach the css selector of the image itself but didn't manage to find it. As you have more advanced knowledge of leaflet backend can you suggest anything ?