headlessui
headlessui copied to clipboard
Select: undefined value causes focus issues with Chromium + NVDA
Package version: @headlessui/[email protected] Browser: Chrome, Edge Reproduction: https://github.com/samuliraty/vue-headlessui-select-a11y-issue-example
Arrow keys don't work in Select dropdown with Chromium-browsers and NVDA open. Focus moves to next element on page as if dropdown was not open. Focus works correctly without NVDA on Chromium, and with NVDA on Firefox.
Steps to reproduce:
- Open Chrome and NVDA
- Navigate to page with a HeadlessUI Select with undefined value
- Open the dropdown
- Try to move up and down using arrow keys