tremorlabs / tremor

React components to build charts and dashboards
https://npm.tremor.so
Apache License 2.0
16.1k stars 460 forks source link

[Bug]: When Tooltip overlaps on surrounding charts, the zindex seems to be too low #1066

Open alexbalonperin opened 3 months ago

alexbalonperin commented 3 months ago

Tremor Version

3.17.2

Link to minimal reproduction

https://stackblitz.com/edit/stackblitz-starters-phbnaf?file=app%2Fpage.tsx

Steps to reproduce

Obviously, the smaller the screen the more apparent this bug is as long as there are at least two charts next to each other.

What is expected?

I would expect that the tooltip zindex is set to a very high value so that it's always above all elements including other charts

What is actually happening?

The tooltip's content is half hidden behind the surrounding chart.

Please watch the following loom video for a clearer view of the issue: https://www.loom.com/share/06788a5787c0476db3d2b6bc880eb246?sid=be9da96c-683e-4859-b7a3-8316a087bd62

What browsers are you seeing the problem on?

Chrome

Any additional comments?

No response

severinlandolt commented 3 months ago

Thanks for the video, super helpful! Will check this for next fix version!