question-mark
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.

could ReactCSSTransitionGroup use getComputedStyle to get transition timeouts automatically?

See original GitHub issue

While reading about the new transitionEnterTimeout etc. in ReactCSSTransitionGroup, a thought struck me: why not just get the timeout directly from CSS with getComputedStyle once the transitioning classes have been applied to a transition group child? Does anyone foresee a problem with this approach?

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
gaearoncommented, Apr 1, 2016

FWIW we don’t plan to make more changes to ReactTransitionGroup. Our current plan is to hand it over to somebody in the community because we don’t have enough internal users at Facebook to meaningfully evolve its API or spend a lot of time on it.

0reactions
gaearoncommented, Feb 1, 2017

React’s implementation of TransitionGroup has moved here: https://github.com/reactjs/react-transition-group

Read more comments on GitHub >

github_iconTop Results From Across the Web

What exactly is the timeout value in React CSS Transition ...
See my answer here: https://stackoverflow.com/a/37206517/3794660. Imagine you want to fade out an element. The durations are needed because ...
Read more >
Transitions with react-transition-group
The Transition component can take a variety of other props other than just the in and timeout props we have been using.
Read more >
Using React Transition Group to improve UI
In this React Transition Group tutorial, learn how to use the CSSTransition and TransitionGroup components in your React app to improve UX.
Read more >
Window.getComputedStyle() - Web APIs | MDN
getComputedStyle () method returns an object containing the values of all CSS properties ... The Element for which to get the computed style....
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 >

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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found