CODEWITHSUNDEEP
vega-lite
Smitto
Smitto

Reputation: 123

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!

Upvotes: 2

Views: 658

Answers (2)

Smitto
Smitto

Reputation: 123

Ended up solving this with the following CSS:

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

Thanks for the feedback!

Upvotes: 6

kanitw
kanitw

Reputation: 892

See the docs for customizing vega-tooltip here.

Upvotes: 0

Related Questions