line: Slice Tooltip positioning no longer works correctly
Describe/explain the bug When using slice tooltips, the tooltip is incorrectly sized too small and not positioned correctly.
To Reproduce
This issue is visible on the website > Line chart when slices are enabled, for example slices = y.
Steps to reproduce the behavior:
- Go to website
- Go to Line chart
- Select 'Slices' > 'y'
- Hover over the chart on the left side
- Tooltip is not correctly positioned
Expected behavior Tooltip should stay within the chart bounds. When the cursor is on the left half of the chart, the tooltip should appear on the right, and when the cursor is on the right half, the tooltip should be on the left, respectively.
Screenshots
Desktop (please complete the following information):
- OS: NixOS
- Browser Chromium
- Version 141.0.7390.54 (Official Build)
Additional context
This worked on 0.89.1 but seems to have broken after migrating to react-virtualized-auto-size which wraps the chart in a <div style={{ overflow: "visible", width: 0, height: 0 }}>. The width and height overrides mess with the tooltip in some way breaking its layout and positioning.
Source: plouc/nivo