question-mark
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.

Name of animation end callback

See original GitHub issue

Context: implementing/implemented callback for when a component finishes transitioning. We’re not sure yet whether the callback will be applied on the whole component, on the a single style object, or per style value (current implantation for Motion is on the whole component/style object (same thing for Motion since a Motion component has a single style obj), so keep that in mind if you want a future-proof name for this (or not. Maybe it’s better to have a specific name for our current implementation, and a different one for a different, e.g. per-value callback).

Potential names:

  • onEnd
  • onRest
  • onDone
  • onStop
  • onFinish
  • ???

Go ahead!

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:16 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
bishopZcommented, Jan 30, 2016

onComplete would be more consistent with other libraries.

0reactions
chengloucommented, Apr 20, 2016

Thanks for the feedback everyone! Going with what’s already there, aka onRest, for now =].

Read more comments on GitHub >

github_iconTop Results From Across the Web

Element: animationend event - Web APIs | MDN
The animationend event is fired when a CSS Animation has completed. If the animation aborts before reaching completion, such as if the element ......
Read more >
animationend Event - W3Schools
The animationend event occurs when a CSS animation has completed. For more information about CSS Animations, see our tutorial on CSS3 Animations.
Read more >
Is there a callback on completion of a CSS3 animation?
Yes, there is. The callback is an event, so you must add an event listener to catch it. This is an example with...
Read more >
AnimationEvent - Angular
An instance of this class is returned as an event parameter when an animation callback is captured for an animation either during the...
Read more >
Animation.AnimationListener - Android Developers
An animation listener receives notifications from an animation. Notifications indicate animation related events, such as the end or the repetition of the ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found