Put popup above other interface elements

[el-srabo]

Describe the bug When clicking on a marker and opening a popup, the minimap and the list of icons on the left (zoom, layers...) are above the popup and its content, which makes it hard to read/see the pictures.

My phone screen is not very large so it might not happen with larger phones.

To Reproduce Steps to reproduce the behavior:

1. Go to https://framacarte.org/m/148987/
2. Click on a round marker (I might change the settings back to side-pannels instead of popups, this is the workaround I found, but I put a screenshot with a popup below)

Expected behavior The minimap and icons should be behind the popup.

Screenshots

Smartphone (please complete the following information):

• Device: Fairphone 2
• OS: LineageOS 18.1 (Android 11)
• Browser: Firefox
• Version: 123.0

[yohanboniface]

Would indeed be better on small screen! I've had a look, and it's tricky: this is a Leaflet internal choice, and it is not configurable nor exposed through a reliable API, and other plugins relies on it.

I suppose the proper fix is to put controls in a pane, just like other map elements: https://leafletjs.com/reference.html#map-pane