react-select: Breaks CSSTransitionGroup enter animations

When using react-select I’m seeing enter animations breaking. They simply don’t animate. The leave animations continue to work. If I remove the Select component from my view the animations start working again.

About this issue

Original URL
State: closed
Created 9 years ago
Reactions: 8
Comments: 15

Most upvoted comments

@gwyneplaine Could you please reopen this ticket given that @OwenFlood has posted a codesandbox link? This bug is still a thing.

twheys on Sep 17, 2019

I made a useEffect that change the isSearchable to true after 1 millisecond…

const [isSearchable, setIsSearchable] = useState(false)
setTimeout(() => {
         setIsSearchable(true)
      }, 1)

But ultimately this needs a real fix…

saltnpixels on Dec 1, 2020

It seems like isSearchable={false} for V2 fixes the CSS transition.

foxinni on Mar 15, 2019