react-transition-group
react-transition-group copied to clipboard
Nested Transition Not Working
Forked this sand box from the documentation. I did study the story book before creating this issue.
The same CSSTransition is nested inside the original and below the original. When nested this CSSTransition does not work.
I cannot get nested transitions to work either, but in a different way. The second (nested) transition has its state variable "entered" set to true, but the child div doesn't get a className at all (which it should get from the CSSTransition Component).
When the parent transition is reversed (modal/alert closed, in=false), the nested transition div finally gets the className and actually performs the "exit" transition. I just cant get it to "enter" properly.
Try to add appear
to the nested Transition. It should instantly animate when the parent mounts
I cannot get nested transitions to work either, but in a different way. The second (nested) transition has its state variable "entered" set to true, but the child div doesn't get a className at all (which it should get from the CSSTransition Component).
When the parent transition is reversed (modal/alert closed, in=false), the nested transition div finally gets the className and actually performs the "exit" transition. I just cant get it to "enter" properly.
I have the exact same problem . would you please share information if you could solve it?