React-transition-group: transitionEnter not working when animating from 0 to 1 child

Created on 16 Mar 2017  路  2Comments  路  Source: reactjs/react-transition-group

I'm trying to animate the first children enter, but it don't work proper. Ex:

<CSSTransitionGroup
  transitionEnterTimeout={500}
  transitionLeaveTimeout={500}
  transitionName={'component'}
>
    {isSomeConditionTrue ? this.renderChildComponent() : null}
</CSSTransitionGroup>

When the child is rendered after condition is set to true, it doesn't trigger the enter animation, but leave animation works when the condition backs to true. The child has a unique key. I'm making a Fiddle file to demonstrate the bug.

I'm using npm's 1.0.0 version

Most helpful comment

try with the newest version (1.1.0) please?

All 2 comments

try with the newest version (1.1.0) please?

@jquense you can close this one. Now it's working.

Thanks!

Was this page helpful?
0 / 5 - 0 ratings