[Bug]: Tooltip references invalid element after chart data updates

[mihai-peteu]

Would you like to work on a fix?

• Check this if you would like to implement a PR, we are more than happy to help you go through the process.

Current and expected behavior

If the chart data changes in the background, while an existing tooltip is shown (triggered by a previous hover action), then the mouse is moved again - chart.js will trigger an inChartArea = false event, attempting to reuse the old/invalid active elements.

Issue:
chartjs/Chart.js#11315

Fix PR:
chartjs/Chart.js#11596

Reproduction

chartjs/Chart.js#11596 (comment)

chart.js version

v4.1.1

vue-chartjs version

v5.2.0

Possible solution

The bug fix is included in this chartjs release: https://github.com/chartjs/Chart.js/releases/tag/v4.4.1

Specifically, by this PR: chartjs/Chart.js#11596

[mihai-peteu]

@apertureless - chart.js v4.4.1 should fix this issue.

PR to bump the version
#1064

[apertureless]

PR is merged and new version released.
Should be fixed.

[mos2st]

Hi I can still reproduce this issue using chart.js v4.4.3 and ng2-charts v5.0.4