#2798·nivo

line: Slice Tooltip positioning no longer works correctly

Author: LinschlagerCreated Oct 9, 2025Updated Apr 20, 2026

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:

  1. Go to website
  2. Go to Line chart
  3. Select 'Slices' > 'y'
  4. Hover over the chart on the left side
  5. 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

Image

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.