Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Put popup above other interface elements #1722

Open
el-srabo opened this issue Mar 31, 2024 · 1 comment
Open

Put popup above other interface elements #1722

el-srabo opened this issue Mar 31, 2024 · 1 comment

Comments

@el-srabo
Copy link

el-srabo commented Mar 31, 2024

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

Screenshot_20240331-234522_Firefox

Smartphone (please complete the following information):

  • Device: Fairphone 2
  • OS: LineageOS 18.1 (Android 11)
  • Browser: Firefox
  • Version: 123.0
@yohanboniface
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants