tremor
tremor copied to clipboard
[Bug]: When Tooltip overlaps on surrounding charts, the zindex seems to be too low
Tremor Version
3.17.2
Link to minimal reproduction
https://stackblitz.com/edit/stackblitz-starters-phbnaf?file=app%2Fpage.tsx
Steps to reproduce
- Create at least two charts on the same page next to each other
- Make the text on the tooltip from the chart on the left longer than the chart width so that it overlaps with the chart on the right
- You should see that the tooltip shows above all elements of its own chart but it appears to have a transparent background above the chart on the right
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