Find React Gateway Examples and Templates
Use this online react-gateway playground to view and fork react-gateway example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
CSSTransition Issue (forked)Presents an issue with the CSSTransition component from react-transition-group.
------------
Recreate: To recreate the issue, hover quickly over both hover targets before the transition in or out has finished. Note how CSSTransition behavior is jerky while pure CSS provides a smooth transition.
------------
Cause: When the condition stored in the "in" attribute of the component is toggled, the transitioned items immediately take the CSS properties specified in the '-exit' or '-enter' initial style rules, rather than smoothly transitioning from the current state of that style (in this case, opacity). The 'Pure CSS Effect' column displays the expected behavior. Needs workaround.
------------
CSSTransition Issue (forked)Presents an issue with the CSSTransition component from react-transition-group.
------------
Recreate: To recreate the issue, hover quickly over both hover targets before the transition in or out has finished. Note how CSSTransition behavior is jerky while pure CSS provides a smooth transition.
------------
Cause: When the condition stored in the "in" attribute of the component is toggled, the transitioned items immediately take the CSS properties specified in the '-exit' or '-enter' initial style rules, rather than smoothly transitioning from the current state of that style (in this case, opacity). The 'Pure CSS Effect' column displays the expected behavior. Needs workaround.
------------
CSSTransition Issue (forked)Presents an issue with the CSSTransition component from react-transition-group.
------------
Recreate: To recreate the issue, hover quickly over both hover targets before the transition in or out has finished. Note how CSSTransition behavior is jerky while pure CSS provides a smooth transition.
------------
Cause: When the condition stored in the "in" attribute of the component is toggled, the transitioned items immediately take the CSS properties specified in the '-exit' or '-enter' initial style rules, rather than smoothly transitioning from the current state of that style (in this case, opacity). The 'Pure CSS Effect' column displays the expected behavior. Needs workaround.
------------
