react-transition-group icon indicating copy to clipboard operation
react-transition-group copied to clipboard

Nested Transition Not Working

Open jmayergit opened this issue 4 years ago • 3 comments

Forked this sand box from the documentation. I did study the story book before creating this issue.

CodeSandbox

The same CSSTransition is nested inside the original and below the original. When nested this CSSTransition does not work.

jmayergit avatar Oct 03 '19 03:10 jmayergit

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.

cypherrage avatar Nov 05 '19 19:11 cypherrage

Try to add appear to the nested Transition. It should instantly animate when the parent mounts

constgen avatar Aug 06 '21 10:08 constgen

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?

Amirkzm avatar Aug 01 '22 20:08 Amirkzm