headlessui
headlessui copied to clipboard
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
A menu with a transition as a fragment with child both with unmount=false does not respond to ESC key first time it's opened. The second and subsequent times you open...
Resolves #3483 Playground: `playgrounds/react/pages/menu/test-menu.tsx` ### How I created a new `NewRefProp` type, but we could easily refactor the existing `RefProp` type. ```typescript export type NewRefProp = unknown extends ComponentPropsWithRef['ref'] ?...
### Current behavior Currently, we are assigning Ref to every React component in the project that uses the as prop. This approach leads to a messy implementation, as noted by...
for the buttons data-headlessui-focus-guard="true" the site improve accessibility tool showing issues for the two buttons rendered might be used to maintain tab behavior guard to the current dialog opened (instead...
**What package within Headless UI are you using?** `@headlessui/react` **What version of that package are you using?** `v2.1.8` **What browser are you using?** `Chrome Version 129.0.6668.58 (Official Build) (arm64)` **Reproduction...
**What package within Headless UI are you using?** @headlessui/react **What version of that package are you using?** v2.1.8 **What browser are you using?** iOS Safari (iOS 15+) **Reproduction URL** [https://codesandbox.io/p/devbox/tailwind-headless-ui-dialog-bug-m8763s](https://codesandbox.io/p/devbox/tailwind-headless-ui-dialog-bug-m8763s)...
**What package within Headless UI are you using?** @headlessui/react **What version of that package are you using?** 2.1.5+ **What browser are you using?** Chrome **Reproduction URL** [Working animations using 2.1.4](https://codesandbox.io/p/devbox/working-transition-fk78z2)...
**What package within Headless UI are you using?** @headlessui/react **What version of that package are you using?** v2.1.3 **What browser are you using?** Chrome **Describe your issue** As soon as...
**What package within Headless UI are you using?** @headlessui/react **What version of that package are you using?** v2.1.4 **What browser are you using?** Chrome **Reproduction URL** https://codesandbox.io/p/devbox/dazzling-lovelace-gs4r8d?file=%2Fsrc%2Fexample.jsx%3A53%2C14&workspaceId=eea0c706-342f-4315-8217-3b1658dfd808 **Describe your issue**...
This PR is used to add emit when selecting an option in the ComboboxOption component. This is very useful when we need to receive and validate the option click before...