Chart.js
Chart.js copied to clipboard
The tooltip is still visible on legend item hover
Expected behavior
The tooltip should be closed if I'm hovering on the legend item.
Current behavior
The tooltip sometimes stays open when I'm hovering the legend item.
Reproducible sample
https://codepen.io/teodorachiosa/pen/ZENJEKp
Optional extra steps/info to reproduce
The issue is easy to see on the Chart.js demo application. One very obvious example is this one:
- Go to: https://www.chartjs.org/docs/latest/samples/legend/events.html
- Hover over the "Red" pie slice
- Quickly hover over the legend item labeled "Green"
Current behavior: The "Red" tooltip is still visible.
Possible solution
No response
Context
End users might start to confuse the wrong pie slice with the wrong label and value.
chart.js version
4.4.2 Also reproducing on 4.4.3
Browser name and version
Chrome 125.0.6422.147
Link to your project
No response