Modebar z-index

plotly.js
1

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?

2

Wait for the next release v1.46.0 - where we implemented this fix Display hoverlabels above modebar by antoinerg · Pull Request #3589 · plotly/plotly.js · GitHub

3

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

Thanks!

1 Like