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

Transition + TransitionGroup does not animate on appear / enter (but does on exit) [codesandbox included]

Open tianhuil opened this issue 2 years ago • 2 comments

What is the current behavior?

Transition + TransitionGroup does not animate on appear / enter (but does on exit). See https://codesandbox.io/s/adoring-villani-crjbs7?form-embed

This is in contrast to CSSTransition + TransitionGroup which works on appear, enter, and exit. See https://codesandbox.io/s/00rqyo26kn?from-embed

What is the expected behavior?

Should work with both Transition and CSSTransition

Could you provide a CodeSandbox demo reproducing the bug?

See above

tianhuil avatar Apr 22 '22 04:04 tianhuil

Hi! I see that no one answered you for several months so if you still haven't figured it out this is what you should do:

  1. Set entering: { opacity: 0 },
  2. Set timeout={{ enter: 0, exit: 500 }}

Here's working example

vidmantasa avatar Jul 26 '22 06:07 vidmantasa

Will the bug be fixed?

wendyzhaogogo avatar Jul 13 '23 05:07 wendyzhaogogo