Dash Leaflet Hiding Other Components

I’ve run into an issue where my dash leaflet map covers the date picker calendar when trying to select a date. i am using the Dash Design Kit library with a Card. on the card i have an html.Div. Then in my callback i’m returning a dl.Map obeject to that Div. Any guesses/thoughts/ideas?
468_452_1

Maybe you can set the zIndex in the style prop for either your card or your map? I had a similar issue that I fixed liked this.

Thank you, @Max3! that was the ticket. I’ll mark your response as the solution. Also, here’s a little more color for those with less experience like me.

dl.Map(style={'zIndex': 0})
1 Like