Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Collapsible gets stuck when content is empty or zero-height
See original GitHub issueDescribe the bug
This component depends on the onTransitionEnd event being fired to update its internal state. However, if the content of the collapsible is empty, then no transition happens and thus onTransitionEnd doesn’t fire, leaving the component stuck.
As a result, if you have a component with empty (or zero-height) content that’s open, and then close it, it will get stuck in the closed position.
To Reproduce
I made a repro by adapting the “example” code. I’m on Chrome 86.
git clone git@github.com:thomasjm/react-collapsible.git
cd react-collapsible
npm run example
# Click on the collapsible once and it will go from open -> closed
# Click on it a second time and it won't re-open
Expected behavior Collapsible should open and close when clicked, even if the content is empty.
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@thomasjm I got this when using
yarn linktoo, however, it did not appear when installing the branch directly, e.gIt was into a fresh next.js app and worked fine, it might be something to do with the way types are referenced when using
linkso I’m going to leave it for now.I’m not at my pc at the moment but should be able to release a patch version later on today.
Thanks @karltaylor!