mouse hover during animation (generating canvas tooltip) breaks animation

Expected Behavior

Animation should happen, and not be affected by a mouseover event. If needed, the tooltip should wait to render until the animation has completed.

Current Behavior

mousing over chart during animation causes animation to restart

Possible Solution

I think the mouse event triggering the tooltip draw animation is likely causing the bug. Probably just need a conditional, or some behavior to prevent the event before animation starts and re-allow after animation completes.

Steps to Reproduce (for bugs)

Move the timeline (or use hotkeys ArrowLeft and ArrowRight), which will cause an animated update of the chart. Then move the mouse to hover over the chart before animation completes. Every mouse movement will cause the animation to restart, leading to an extremely jerky appearance if you’re dragging a mouse across the chart as it happens.

Context

I think it will be pretty clear in the example

Environment

• Chart.js version: v2.9.3
• Browser name and version: Version 80.0.3987.163 (Official Build) (64-bit)
• Link to your project: covid.kylebaker.io

[kurkle]

@kylebakerio I think your Corona Dashboard would work wonderfully with v3 😃

[kurkle]

Closing as resolved (in v3).