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.
(BUG) [React] Can't click on anything after closing Dialog component
See original GitHub issueWhat package within Headless UI are you using? @headlessui/react
What version of that package are you using? v1.6.5, but this bug seems to be present since v1.6.3
What browser are you using? Firefox
Reproduction URL https://github.com/Blaumaus/headless-dialog-bug
Describe your issue
When I open the Dialog and close it, I can’t click on anything as the component is still present in the DOM tree, but with an empty content.
Also there is this warning in the console - There are no focusable elements inside the <FocusTrap />.
UI Demonstration: (same issue is present on the test repository I provided, the demos are used as a real-world example recorded before)
Issue Analytics
- State:
- Created a year ago
- Reactions:7
- Comments:5
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
This should be fixed by #1803, and will be available in the next release.
You can already try it using
npm install @headlessui/react@insiders.https://github.com/tailwindlabs/headlessui/issues/1705 it seems these are similar issue