Modebar z-index

I’m getting issues with the modebar appearing on top of a Bootstrap dropdown-menu rendered over the plot area.

Looking at the code I could find the modebar has a z-index: 1001, so I changed the z-index of the dropdown menu to be 1005 (arms race?), but the modebar is still rendered on top of the menu where I have the mouse cursor.

image

Any way to deal with this?

Wait for the next release v1.46.0 - where we implemented this fix https://github.com/plotly/plotly.js/pull/3589

I can wait.
I understand this will be solved automatically and won’t require modifying anything else.

Thanks!

1 Like