Bug reportNov 14, 2026· 0:28· 9 views
Nivo line chart: slice highlight lags ~5 columns behind cursor (nivo.rocks)
0:28 total
Comments · 0
Be the first to comment.
Bug reportby SceneRecap AI
medium@nivo/line slice handling: the mapping from cursor position to the active slice, and the slice tooltip when enableSlices is set. A possible secondary issue is in the website Actions Logs panel, which did not log hover actions.
os: macOSdpr: 1page: /line (Line chart | nivo)site: nivo.rockslocale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720renderer_tab: SVG
Repro steps
- 1.Open the Line component page at /line. The SVG tab is selected and the default five series chart is shown.
- 2.Click the 'Search properties' textbox.
- 3.Type 'slices'. The list filters to INTERACTIVITY and shows enableSlices with default false.
- 4.Open the enableSlices dropdown. It offers false, x and y. Select a slice option. The recording does not show which option was chosen.
- 5.Clear the search field so all property sections are listed again.
- 6.Hover across the chart columns and read the tooltip.
Expected
With slices enabled, the highlighted slice and its tooltip should match the position under the cursor. For example, hovering near the car column should show car data.
Actual
The tooltip shows a single series with a horizontal dashed guide line. The category it names often differs from the column under the cursor. Near car it shows 'us skateboard'. Near moto it shows 'norway bus'. Near horse it shows 'germany subway'. The offset is not constant.
Evidence
visualControl: before any slice change, the default chart renders five series (norway, germany, us, france, japan) from plane to others, and no tooltip is shown.
visualThe enableSlices dropdown is open with options false, x and y. The selected value is not visible in later keyframes.
visualFirst mismatch: the cursor is near the horse column but the tooltip reads 'us skateboard', with a horizontal dashed line across the plot.
visualThe chart and side panels render faded and ghosted, as if mid-transition. The tooltip reads 'us skateboard'.
visualThe cursor is near the horse column and the tooltip reads 'germany subway'.
visualThe cursor is near the car column but the tooltip reads 'us skateboard'.
visualThe cursor is near the moto column but the tooltip reads 'norway bus'.
visualControl working: with the cursor outside the plot area near the legend, no tooltip is shown, which is correct.
visualThe cursor is near the others column but the tooltip reads 'germany subway'.
visualThe Actions Logs panel still shows 'Start interacting with the chart to log actions' while the chart is being hovered.
Issue markdown (copy-paste ready)
## Summary On nivo.rocks /line, after changing enableSlices, the slice tooltip names a category that does not match the column under the cursor (first seen at 11s). ## Environment - Chromium 151.0.7922.34, macOS - Viewport 1280x720, dpr 1 - Page: /line (Line chart | nivo), SVG tab ## Steps to reproduce 1. Open /line (0s). 2. Click 'Search properties' (3.1s) and type 'slices' (5s). 3. Open the enableSlices dropdown (options false, x, y) and pick a slice option (7s). The chosen option is not visible in the recording. 4. Clear the search (9s). 5. Hover across the chart columns (11s onward). ## Expected The highlighted slice and tooltip match the position under the cursor. ## Actual The tooltip shows one series with a horizontal dashed guide line. It names the wrong category: - 11s: cursor near horse, tooltip 'us skateboard' - 15s: cursor near horse, tooltip 'germany subway' - 17s: cursor near car, tooltip 'us skateboard' - 19s: cursor near moto, tooltip 'norway bus' - 23s: cursor near others, tooltip 'germany subway' The offset is not constant. ## Control (working) - 0s: the default chart renders correctly with no tooltip. - 21s: with the cursor outside the plot near the legend, no tooltip is shown, which is correct. ## Other observations - 13s: the chart and panels render faded and ghosted, as if mid-transition. - 15s to 19s: Actions Logs still shows its empty placeholder while the chart is hovered. - No console or network data was captured. ## Suggested area @nivo/line slice detection and slice tooltip when enableSlices is set. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →