Please provide the environment you discovered this bug in.

Latest prod version

This may not be limited to Voiceover, it could be an issue with Jaws/NVDA but would need to check and or if someone else could verify that.

Which area/package is the issue in?

select

Description

When trying to navigate the Select component with just the keyboard with Voiceover, the select dropdown opens fine and VO reads the first option but from there the down arrow does not take you to the next option, instead VO simply re-reads the same option and then the up arrow seems to randomly take me outside of the select dropdown list (in my case it jumped to my browser bookmarks section).

Keyboard navigation works fine without Voiceover, i think unfortunately it's some weirdness with the way VO is handling active descendant and I believe it simply doesnt like that we have an intermediate div element between the element that has the activedescendant and listbox role and the actual list. Idk if that's the only issue, in some research I found VO and active descendant in safari can be an issue but not sure if that's old news or not. The radix select works fine and we have a very similar html structure but I believe they rely on the tab-index focus strategy for the listbox.

Please provide the exception or error you saw

Other information

No response

I would be willing to submit a PR to fix this issue

• Yes
• No