headlessui icon indicating copy to clipboard operation
headlessui copied to clipboard

Select: undefined value causes focus issues with Chromium + NVDA

Open samuliraty opened this issue 1 year ago • 0 comments

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:

  1. Open Chrome and NVDA
  2. Navigate to page with a HeadlessUI Select with undefined value
  3. Open the dropdown
  4. Try to move up and down using arrow keys

samuliraty avatar Nov 18 '24 07:11 samuliraty