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.

Sign up for GitHub

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

Jump to bottom

Setting display:flex on accordion content creates double animation #2832

Open

BernieSumption opened this issue Apr 11, 2024 · 0 comments

BernieSumption commented Apr 11, 2024 •

edited

Bug report

Current Behavior

The default display for Accordion.Content is block. Setting it to flex causes a double animation when closing a section.

Expected behavior

The animation should not be affected by using display:flex

Reproducible example

Open / close the sections on this codesandbox: https://codesandbox.io/s/2r30e

Suggested solution

If this is technically not possible / too difficult to remove the double animation, a warning in the console would prevent a lot of debugging.

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-accordion	1.1.2
React		18.2.0
Browser	Safari / Chrome	17.2.1 / 123.0.6312.107
Assistive tech	none
Node	n/a
npm/yarn	codesandbox
Operating System	macOS	14.2.1 (23C71)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment