Enter transition not working as expected in IE, in some cases #22
Description
Do you want to request a feature or report a bug?
Bug
What is the current behavior?
In IE (10, 11, Edge) the CSS transition starts very close to the intended end state. If you're not looking closely it's like the transition is not happening at all. In the example linked to below one of the divs should slide in from the right but does not.
The issue occurs with some transition properties but not others. For example, I can't reproduce when transitioning on 'right' but can reproduce when transitioning on 'opacity' or 'transform'. Also, opacity and transform appear to work when animating an empty div, but not one with any content.
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://jsfiddle.net or similar (template: https://jsfiddle.net/1Lb2qk3v/).
http://codepen.io/cjulian/pen/xqPMaa
The toggle button rendered in the pen above will trigger a slide-in animation. Notice that only one div slides in.
What is the expected behavior?
In the above pen both divs should slide in from the right. Only one does.
Which versions, and which browser / OS are affected by this issue?
Affected browsers include IE 10, 11 and Edge. I was able to reproduce the issue with react-transition-group version 1.1.1. Was also able to reproduce with react-addons-css-transition-group 15.4.2 and 15.0.1.
Did this work in previous versions?
The transition works as expected in react-addons-css-transition-group 0.14.8