React-transition-group: Make `.exit-active` styles remain while `in` is false

Created on 13 Jan 2018  路  2Comments  路  Source: reactjs/react-transition-group

Do you want to request a feature or report a bug?

No

What is the current behavior?

current

using the in property on <CSSTransition> toggles transitions, but when not actively transitioning, defaults to normal styles. In the case of the example, that means it defaults to an opacity of 1.

What is the expected behavior?

expected

Ideally, .exit-active class should remain while in is false, so the exit styles (opacity: 0;) remain while the button is supposed to be hidden.

I think it would be a much better solution than what I'm required to do currently to get this behaviour

Most helpful comment

We just recently added done classes to cover this case. Should be in the next release

All 2 comments

We just recently added done classes to cover this case. Should be in the next release

@jquense Awesome, looking forward to the next release then!

Was this page helpful?
0 / 5 - 0 ratings