TransitionGroup does not remove element from DOM

Question

I have a problem where TransitionGroup does not remove all elements from the DOM.

I'd like to toggle between 2 and 4 elements. However with TransitionGroup it always toggles between 3 and 4 elements. I don't get this behavior.

Take a look the the jsfiddle. If you remove TransitionGroup everything works fine.

Any ideas?

Please notice that I'm deliberately using TransitionGroup and not CSSTransitionGroup

Thank you!

Answer 1

Looks like this is a real bug in React. Checkout these GitHub issues #3111 and #2549.

It will hopefully be fixed with version 0.14.