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

CSSTransition lost current class on underlying node on node rerender

Open istarkov opened this issue 7 years ago • 2 comments

Bug What is the current behavior?

After transition some element under CSSTransition have class classNames-enter-done If you rerender that element with className property change that class will be removed.

Example: https://codesandbox.io/s/3r9v04nw6 Click RUN then bug-enter-done will be applied click update then bug-enter-done will be lost

Expected behaviour: CSSTransition should add current classname at ComponentDidUpdate

istarkov avatar Oct 16 '18 13:10 istarkov

I'm having this issue as well, is there any workaround?

ashrafmajdee avatar Oct 03 '19 09:10 ashrafmajdee

@ashrafmajdee Have worked around this by using HTML attributes + CSS attribute selectors in place of certain classNames that would likely change independent of CSSTransition.

alexkb0009 avatar Nov 05 '19 20:11 alexkb0009