Allow `Tab` and `Shift+Tab` when `Listbox` is open

tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

https://headlessui.com

MIT License

25.02k stars 1.03k forks source link

Allow `Tab` and `Shift+Tab` when `Listbox` is open #3284

Closed RobinMalfait closed 3 weeks ago

RobinMalfait commented 3 weeks ago

This PR updates the behavior of the Listbox component and allows you to use tab and shift+tab and it will go to the next or previous focusable element respectively.

Before this we used to focus trap, but now we will be consistent with the existing Combobox and Menu components. This also now reflects the ARIA Authoring Practices Guide.

Fixes: #3272

vercel[bot] commented 3 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
headlessui-react	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 11, 2024 4:13pm
headlessui-vue	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 11, 2024 4:13pm