Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hover animation flicker #6956

Closed
nijakobius opened this issue Jan 14, 2020 · 1 comment
Closed

Hover animation flicker #6956

nijakobius opened this issue Jan 14, 2020 · 1 comment

Comments

@nijakobius
Copy link

nijakobius commented Jan 14, 2020

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

@kurkle
Copy link
Member

kurkle commented Jan 14, 2020

Its fixed in master: https://codepen.io/kurkle/pen/BayPBJZ?editors=1010
Just not released yet. Will be in v3. No date.

@kurkle kurkle closed this as completed Jan 14, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants