Chart.js
Chart.js copied to clipboard
Doughnut chart has an active element when hovering out
Expected behavior
When the user hover out the Doughnut Chart, should not have an active element
Current behavior
When the user hover out the Doughnut Chart, sometimes has an active element
Reproducible sample
https://codepen.io/SabryChan/pen/zYePPzO?editors=1111
Optional extra steps/info to reproduce
Take a look to the console log and hover in and out and notice that sometimes when it hovers out, the active element is not empty but has the active element from the previous hover
Possible solution
Probably it has to do with the event listeners
Context
I am also using react-chartjs-2 library version 4.3.1
chart.js version
3.9.1
Browser name and version
No response
Link to your project
No response