Open jarcoal opened 3 years ago
When providing a transition in the Modal component, the exit stages of the transition don't seem to run when show is set to false after being true.
Modal
show
false
true
Here is a full reproduction: https://codesandbox.io/s/react-modal-transition-issue-5j4sz
You can inspect element on the modal to see that it never gets the ...-exit-active classes from CSSTransition.
...-exit-active
CSSTransition
I would expect the exit classes to be applied, but the modal seems to unmount from the DOM instantly, not giving them a chance to run.
Describe the bug
When providing a transition in the
Modalcomponent, the exit stages of the transition don't seem to run whenshowis set tofalseafter beingtrue.Reproducible Example
Here is a full reproduction: https://codesandbox.io/s/react-modal-transition-issue-5j4sz
You can inspect element on the modal to see that it never gets the
...-exit-activeclasses fromCSSTransition.Expected behavior
I would expect the exit classes to be applied, but the modal seems to unmount from the DOM instantly, not giving them a chance to run.