Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

onAnimationEnd event not firing

See original GitHub issue

Perhaps a regression with preact 10, or perhaps intended behavior?

Prior to 10 onAnimationEnd would fire the end event when an animation ends… which no longer happens.

Test case of it failing to alert here https://codesandbox.io/s/71p06y27xj ~ temp (or real) fix was to use lowercase onanimationend

Issue Analytics

State:
Created 4 years ago
Comments:12 (12 by maintainers)

Top GitHub Comments

1reaction

JoviDeCroockcommented, May 2, 2019

@cristianbote that’s a great idea, I had a PR ready with a different approach but yours will add less bytes and support more diverse cases aswell.

0reactions

JoviDeCroockcommented, Dec 3, 2021

Updating this reproduction to latest makes it work

Top Results From Across the Web

javascript - animationend event not firing - Stack Overflow

I am trying to add an animationend event to an element, but the event doesn't get fired. What am I doing wrong, and...

Element: animationend event - Web APIs | MDN

The animationend event is fired when a CSS Animation has completed. ... is removed from the element, the animationend event is not fired....

onAnimationEnd event not firing · Issue #1589 · preactjs/preact

Prior to 10 onAnimationEnd would fire the end event when an animation ends... which no longer happens. Test case of it failing to...

onAnimationEnd, Animationend not firing, Callback after CSS ...

The animationend event is fired when a CSS Animation has completed. If the animation aborts before reaching completion, such as if the element...

"animationend" | Can I use... Support tables for HTML5, CSS3 ...

1 The onanimationend event handler property is not supported. To listen to this event, use document.addEventListener('animationend', function() {}); .