This looks great!
The map does indeed have a high z-index, but you could set the z-index of the sidebar to something even higher - like z-index: 1001
- to ensure it's displayed on top of the map.
You could also isolate the the z-indexes of the map by setting isolation: isolate
on .leaflet-container
. That way, the high z-indexes only compete with eachother inside that container. That allows you to set a lower z-index on the sidebar, z-index: 1
.
Marked as helpful
@zetmosoma10
Posted
Thanks @markuslewin for the feedback , i did not know about isolation prop. i guess we learn everyday in this field. Thanks again.