Robin Malfait
07c9f1f711
This PR fixes an issue where the `ListboxOptions` component was incorrectly marked as `inert`. We only mark the other elements on the page as `inert` once the `Listbox` is in a visible state. The issue is that the `data.optionsElement` (a reference to the DOM node) was not populated with the actual DOM node yet at the time the `useInertOthers(…)` hook was applied. Due to the usage of `useEvent(…)`, instead of `useCallback(…)` the internal `useEffect(…)` hook didn't re-run because the `allowed` function was already stable. With this fix, the `allowed` function will change whenever its dependencies change. Fixes: #3464
@headlessui/react
A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.
Installation
npm install @headlessui/react
Documentation
For full documentation, visit headlessui.dev.
Community
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
For casual chit-chat with others using the library: