Add missing onAnimationStart/onAnimationEnd event handlers

[tichris0]

React currently doesn't handle the aforementioned 2 events. I have a patch that works for webkit only; but more work needs to be done to make it work under all browsers until they support the standard CSS tags.

[zpao]

Take a look at https://github.com/facebook/react/blob/master/src/addons/transitions/ReactTransitionEvents.js which is currently listening for the right events.

[tichris0]

Yah: I've seen that file before. To be clear; are you suggesting that I use that strategy to handle multiple browsers or to use that component directly?

[gasi]

👍 to add native support for onAnimationEnd 😄

@tichris0: In the meantime, I solved it as follows:

TransitionEvents = require 'react/lib/ReactTransitionEvents'

module.exports = React.createClass
    displayName: 'Component'

    # ...

    componentDidMount: ->
        # HACK: Manually support `animationEnd` event
        # See: http://git.io/dfdd1Q
        if @props.onAnimationEnd
            TransitionEvents.addEndEventListener @getDOMNode(),
                @props.onAnimationEnd

   render: ->
      # ...

# Invoke as follows:
Component
  onAnimationEnd: @handleAnimationEnd
  # ...

[ghost]

Hi, would love a status update on this, any targeted fix version or date?

[gaearon]

The support for them was merged into master in #6005 a few days ago.
It should be included in v15 RC that’s going to be released very soon.

Stay tuned!