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
Accordion doesn't open if you click it multipe times fast enough, and it loses track of state. #7775
Comments
Apparently, the issue occurs in the Collapse component due to the missing display. I've opened a fix proposition PR at #7819 |
There seems to be a race condition in UPDATE: confirmed that this does not happen with |
The issue doesn't exist in your example though |
@nelsieborja That is because of the |
Hi, I am also encountering this problem on nested accordions. I reproduced this issue here: https://codesandbox.io/s/nested-accordions-in-chakra-ui-59ncv4?file=/src/App.js When an accordion is open, if you double click, it closes but the button remains in the open state framer-motion v10 (mentioning this because comments above indicate it might be a framer motion issue) |
@chuganzy Downgrading |
Same here, downgrading to |
FYI, I have an open PR that solves this issue here. framer/motion#2265 |
Description
If you click the accordion button 3 times fast, the accordion acts up and loses state. It stays closed, even tho the Arrow icon stays on the open state. Then you need to click it twice for it to open again (first for it to close, even tho the panel is not rendering, and then again to open normally):
Screen.Recording.2023-06-17.at.14.11.01.mov
JSX:
Link to Reproduction
N/A
Steps to reproduce
Chakra UI Version
2.1.4 next-js, 2.7.0 react js
Browser
No response
Operating System
Additional Information
No response
The text was updated successfully, but these errors were encountered: