Hover animation flicker

Current Behavior

There is severe flickering in the point animation when you move around the chart.
Video: https://streamable.com/wwo8j

Steps to Reproduce (for bugs)

https://codepen.io/user2109372598236/pen/PowOgvd

To trigger the bug, you must move the mouse to any point and wait for the point animation to finish (-> 1s). Then quickly move the mouse between other points and the first one will flicker. The key is to move quickly enough to not let any animations finish.

Possible solution

The only thing I can do right now is to disable hover animations, but that is sad because the animations are awesome <3:
Chart.defaults.global.hover.animationDuration = 0;

Context

I believe this was already mentioned in #6614, which was closed as fixed. But as you can see, it is not fixed

Environment

Chart.js version: 2.9.3
Browser name and version: Safari Version 13.0.3 (15608.3.10.1.4), Chrome 79.0.3945.88, but I don’t think this is browser-related

Author: Fantashit

1 thought on “Hover animation flicker

Comments are closed.