-
-
Notifications
You must be signed in to change notification settings - Fork 3.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Accordions don't have an opening transition on NextJs #8448
Comments
i was about to open an issue its also in react |
@mathod31 In terms of the problem I encountered, it caused by framer-motion version. When I changed the framer-motion version from 11.. to 10.18.0, the animation came back. You can see if this method works for you. |
Description
On nextjs, accordions have no opening animation.
Normally, in normal operation, there should be a transition on the accordion pitch from 0 to auto. However, on NextJs I observe the following behavior:
The accordion goes from 0 to auto all at once. This makes the opening of the accordion not fluid.
Collapse works fine, but expand doesn't work fine.
I provide a codesandbox example (Doesn't work in editor because of dependencies. But I modified only 3 files)
Can you reproduce this ?
It's quite subtle, but it's really not fluid.
Link to Reproduction
https://codesandbox.io/p/devbox/keen-margulis-rc4wsz
Steps to reproduce
Chakra UI Version
2.8.2
Browser
Google CHrome 123
Operating System
Additional Information
Bug.Accordion.2.mp4
The text was updated successfully, but these errors were encountered: