I am unit testing my react component using renderer of react-test-renderer. it was working fine, but after using ReactCssTransitionGroup I am getting the following error "TypeError: Cannot read pro...

I make a mobile application with Cordova. Use the [email protected] + ReactCSSTransitionGroup to implement the "card deck" animation. I have a strict Routes tree without the possibility of cir...

I'm trying to animate element height with ReactCSSTransitionGroup, so this is what I would want the animation looks like: http://jsfiddle.net/cherrry/hgk4Lme9/ The problem is that I don't always ...

I am new to react and trying to get background image with inline styling. But it's not working. Showing error "url is not defined" render() { return ( <div className="phase1" style ={ { b...

I'm using CSSTransitionGroup to animate an element when it appears in the DOM, or when it leaves the DOM. It works well. Now - I want to unit test this component. I'm creating a temporary DOM node...

I want to get rid of the warning on StrictMode for findDOMNode when using react-transition-group but I stumbled upon an issue. My <Slide> component looks like this: class Slide extends React....

I am using a react transition to fade in and fade out content. Mostly this is working fine, however I am noticing that one page is rendering instantly, without going through the transition state. ...

I am trying to animate a React component that contains data fetched from elsewhere. Placing it in a ReactCSSTransitionGroup worked fine. That is, until I altered the component's render() method to ...

I'm trying to appearance/disappearance the notification, but transitionAppear doesn't work. I add item (notification popup) to the onBlur event. Animation at the time of leave works smoothly and at...

I'm trying to add some animation styling to a component and struggling to figure out where this is going wrong. Here is a simple component with connect() and CSSTransitionGroup (a different compone...

I would like to add a stagger effect to all children that get rendered within a ReactCssTransitionsGroup but do not know how to go about it. I looked at this question but would like to try do it us...

I have a ReactCSSTransitionGroup I'm using with CSS Modules (and dynamic routing from react-router but I believe this is working as expected). <ReactCSSTransitionGroup component="div" transit...

I am following Chang Wang's tutorial for making reusable React transitions with HOCs and ReactTransitionGroup(Part 1 Part 2) in conjunction with Huan Ji's tutorial on page transitions (Link). The ...

I am quite new to React. I am trying to learn by implementing a full CRUD. However, I am unable to get animation working well for removing a course from the list. I have configured animation on tr...

It seems React-Virtualized does not support animations out of the box, but is it possible (and reasonable?) to use ReactCSSTransitionGroup to implement transitions? In my case I'd like to do a re...

I've been reading the official docs for React Animations (React CSS Transition Group), but I'm a little unclear as to what the timeout values are used for - especially when I'm setting transitions ...

I'm building an app with React and Reflux, and I am trying to render a list of items in a specific order. The items are custom Post components that are rendered in reverse chronological order, so...

Is it possible to specify the order of items in a ReactCSSTransitionGroup? Consider a list of items which their order is important. If you want to show one item and hide its adjacent with one acti...

I'd like to animate between two components where the first component fades out and is removed from the DOM before the next component is added to the DOM and fades in. Otherwise, the new component i...

I'm using the CSSTransitionGroup addon to animate the addition and removal of items to an array. When adding, the animation performs as expected, but on remove the removed item is shifted to the en...

I have ReactCSSTransitionGroup working fine (I think), the newly mounted component fades in in all its glory. The problem is that the component being replace just abruptly disappears, a problem fo...