200
questions
0
votes
0
answers
45
views
What is wrong with this piece of code in React about ref?
I am new to React and want to design a navigation bar with dropdown menu. When I click outside of the dropdown menu, it can be closed. And It works fine.
But the problem is when I click "settings&...
- 19
2
votes
1
answer
135
views
React CSSTransition creates new page twice and runs the transtion on these two identical pages
I use react-router and useNavigate to switch between pages. With the CSSTransition I wanted to make a smooth transition between the pages. Unfortunately it doesn't work as intended and the router ...
- 179
-1
votes
1
answer
1k
views
React 18 + CSSTransition makes error : TypeError: Cannot read properties of undefined (reading 'baseVal')
I am getting an error when animating routes switching using CssTransition, I can’t find anything useful on the Internet about this problem. Maybe someone here can give some advice. Thanks!
react : 18....
- 61
1
vote
1
answer
625
views
How to prevent the page CSS transitions when the browser’s back button is clicked
I have a simple page transition that gets called when clicking a link. The new page animates from the bottom of the screen upwards to the top. It works fine, but it's also working when you click the ...
- 468
1
vote
1
answer
2k
views
smooth animation of the size of a functional component during state change
As you can see, by clicking on the component underneath, we can change its size. I would like to make a transition between those sizes. Is it possible with CSSTransition ?
export const Liste_planete2 =...
- 486
0
votes
1
answer
117
views
Animate container first, child second, with CSSTransition
With CSSTransition, I would like to animate my container div first, then, with a delay, animate its child div.
I failed so far: they always animate at the same time, no matter the transition-delay set ...
- 310
1
vote
1
answer
544
views
CSSTransition is not triggered
Sandbox: https://codesandbox.io/s/practical-mountain-cjrte?file=/src/App.js
I'm trying to use CSSTransition from react-transition-group, for the first time, and it does not work :(
When I click on my ...
- 310
2
votes
1
answer
2k
views
I cannot get React Transition Group to work. No enter or leave transitions
Hi I cannot get React Transition Group working at all. Can anyone take a look at this and see why it will not work? The links pull in the components correctly but there are no transitions. No ...
- 468
0
votes
1
answer
351
views
Is there a way to dynamically set className with css module? To be used with CSSTransition library
So I'm trying to use the CSSTransition library in addition to React CSS Module and was wondering if it was possible to dynamically create the className to abstract the transitional classes into a hook....
0
votes
0
answers
199
views
How to animate Reach Router Redirect with react-transition-group
My App component looks like this:
<TransitionGroup className={s.group}>
<CSSTransition key={location.key} timeout={150} classNames={classNames}>
<Router location={location} ...
3
votes
1
answer
986
views
In React, how can I apply a CSS transition on state change, re-mount, or re-render?
Say I have a React functional component with some simple state:
import React, { useState } from 'react'
import { makeStyles } from "@material-ui/core"
export default function Basket() {
...
- 3,118
3
votes
3
answers
2k
views
CSSTransition to make a slide out drawer in css grid layout
I am trying to make a slide out drawer utilizing the npm package react-transition-group. For whatever reason, I cannot seem to get the drawer to slide out from left to right on clicking the additional ...
- 770
0
votes
1
answer
64
views
Is it true that for 0.3 or 0.6 seconds of sliding a panel away using React / Redux, we'd already have to dispatch two actions to handle it?
If a React panel is somewhat computation heavy during the rendering, and we'd like to make it disappear when the main page is also rendering something, it would speed up the page update by sliding the ...
- 705
0
votes
1
answer
57
views
Can't switch back to 'main' menu from React's CSSTransitions
Basically I have a sidebar activated with hover which has submenus activated with react-transition-group CSSTransition element. I'm able to access the submenu from the buttons but when I click on the ...
- 55
1
vote
0
answers
37
views
TransitionGroup component laggs on exit-active
I am implementing a slider for components rendered by the router. Created a component with TransitionGroup to automate appending of the classes by CSSTransition, and the code can be seen in a sandbox ...
- 696