v3 Calling update in custom tooltip or onHover throws max call stack size exceeded

[sdehm]

Expected Behavior

Calling update in a custom tooltip or onHover function should update the chart without an exception. This was working in v2.

Current Behavior

Calling update causes a maximum call stack size exceeded error after a delay. Occasionally the update does eventually apply.

Possible Solution

Triggering the chart update with an event applies the change immediately but also throws the maximum call stack size exceeded error. Seems like it gets stuck in an infinite loop and overflows.

Steps to Reproduce

This codepen reproduces the error:
https://codepen.io/scdehmlow/pen/QWdNGxG

Context

I know that this codepen example functionality can be replicated with a hoverBorder but I have actual hovering logic that is more complicated that I would like to trigger from tooltip or hover events.

Environment

• Chart.js version: 3.0.0-rc.5
• Browser name and version: Chrome 89.0.4389.90
• Link to your project:

[kurkle]

This is the event replaying that is used to track the elements under mouse on update. There should be a way to check if the update is called from the same event and skip the replay.

[sdehm]

Thanks for working on this so quickly! Unfortunately I am still seeing the issue in the latest release, 3.0.0-rc.6, that includes the fix from #8738. I have updated this codepen to use 3.0.0-rc.6.

[kurkle]

You'll need to ignore the event when context.replay is true.
https://codepen.io/kurkle/pen/QWdKKoz

[sdehm]

That works, thanks!