'Make tooltip display over modal in react-vega-lite

I'm working on a react project that uses the react-vega-lite and vega-tooltip packages, making a VegaLite component where 

tooltip={new Handler().call}

This works in getting a tooltip to display, however my table is in a modal and the tooltip is displayed behind.

enter image description here

Does anyone know how I can access the css for the tooltip and set it to important?

Thanks!

vega-lite


Solution 1:[1]

Ended up solving this with the following CSS:

#vg-tooltip-element {
  z-index: 2000;
}

Thanks for the feedback!

Solution 2:[2]

See the docs for customizing vega-tooltip here.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Smitto
Solution 2 kanitw

Related Questions