yarn react-flip-move 2.1.2
v2.1.2

latest releases: 3.0.5, 3.0.4, 3.0.3...
8 years ago

Fix bug with nested transitions

Since its inception, FlipMove has relied on an onTransitionEnd event handler to do some post-flipping cleanup. Specifically, I needed to remove some inline styles (transform, transition) and fire user-specified onFinish handlers.

This works great, except when a nested node also has a transition event, such as a :hover effect.

The problem is, events bubble up. This propagation causes the onTransitionEnd handler to fire prematurely, which causes the parent node to "jump" to its end position pre-maturely, as the cleanup removes the styles that are currently controlling its transition!

Props to @havenchyk for spotting the issue and helping me diagnose with a Codepen :)

Don't miss a new react-flip-move release

NewReleases is sending notifications on new releases.