Skip to content
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

Open
1 of 3 tasks
mathod31 opened this issue Apr 19, 2024 · 1 comment
Open
1 of 3 tasks

Accordions don't have an opening transition on NextJs #8448

mathod31 opened this issue Apr 19, 2024 · 1 comment

Comments

@mathod31
Copy link

mathod31 commented Apr 19, 2024

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

  1. Expand accordion

Chakra UI Version

2.8.2

Browser

Google CHrome 123

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

Bug.Accordion.2.mp4
@OSAMA263
Copy link

OSAMA263 commented Apr 21, 2024

i was about to open an issue its also in react
the issue is in the Collapse component
https://codesandbox.io/p/devbox/chakra-accordion-czx3gm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants