<p dir="auto">Hi!</p>
<p dir="auto">I'm getting an initial blink while using ReactCSSTransitionGroup because the added element does not get the -enter class applied when it's attached to the DOM, even if it gets it immediately after.</p>
<p dir="auto">For what I can see, the ReactCSSTransitionGroupChild.componentWillEnter is queued and dispatched after the action that adds the element to the DOM, which causes this behavior.</p>
<p dir="auto">Is this a know issue? Wouldn't it make sense for the element to be added with the -enter class at the moment it's inserted?</p>
<p dir="auto">Thanks!</p>
<p dir="auto">Hello there,</p>
<p dir="auto">I am playing with React transition</p>
<p dir="auto">I noticed that the <strong>-enter</strong> classe is added only after the element has been inserted into the dom.</p>
<p dir="auto"><a href="https://github.com/facebook/react/blob/master/src/addons/transitions/ReactTransitionableChild.js#L147-L150">https://github.com/facebook/react/blob/master/src/addons/transitions/ReactTransitionableChild.js#L147-L150</a></p>
<p dir="auto">I thought the active class was applied when the component was mounted into the dom.</p>
<p dir="auto">Here is a small demo:  <a href="http://jsfiddle.net/437Us/1/" rel="nofollow">http://jsfiddle.net/437Us/1/</a><br>
I am using componentWillUpdate to make sure the class is applied directly. If you remove it, and use the same<br>
transition mechanism on a more complex layout  sometime you will see the page flashing into the screen before the transition starts</p>