Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Breaks CSSTransitionGroup enter animations

See original GitHub issue

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.

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:8
  • Comments:15

github_iconTop GitHub Comments

twheyscommented, Sep 17, 2019

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

saltnpixelscommented, Dec 1, 2020

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

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

But ultimately this needs a real fix…

Read more comments on GitHub >

github_iconTop Results From Across the Web

Animating React with React Transition Group - Bits and Pieces
React Transition Group is a lower-level type of animation library. ... The transition component tracks the “enter” and “exit” states for the ...
Read more >
How to use React CSS Transition Group for Animations
Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.comIn this video, Corryn Young explores how to use ...
Read more >
Transitions with react-transition-group
Allows you to declare transitions and animations to happen when a ... needed to tell the Transition to trigger the enter or exit...
Read more >
React transition group - Don't animate children - Stack Overflow
I'm using react-transition-group to animate a router switch in React: < ...
Read more >
React Css Transition Group Enter Leave Animation - StackBlitz
'react-addons-css-transition-group';. class App extends Component {. constructor(props) {. super(props);. this.state = {. items: ['Item 1...', 'Item 2.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found