You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
@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.
It is not clear why, it may be a compatibility issue caused by changes in the api of the underlying library.
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: