react-select icon indicating copy to clipboard operation
react-select copied to clipboard

Accessibility - option item can not be selected from the dropdown list by using VoiceOver on Mac.

Open yurii-prokopchuk opened this issue 3 years ago • 5 comments

This is a bug regarding react-select v5.2.2.

We are using the AsyncSelect component in our project for asynchronous selecting options. By default, it works fine for ordinary users, except using it with VoiceOver.

On the screenshot, you can see VoiceOver's proposition on how to choose an option from the list, but using the keyboard keys: Up/Down simply close the dropdown.

Screenshot 2022-03-22 at 15 14 40

yurii-prokopchuk avatar Mar 22 '22 13:03 yurii-prokopchuk

Hello @yurii-prokopchuk,

I can not confirm the issue you encounter. Using the keyboard keys Up and Down in VoiceOver changes the currently focused option, and does not close the dropdown.

If possible, could you record a screencast showing the problem you are encountering? If possible, could you also include an overlay of the keystrokes?

Rall3n avatar Mar 22 '22 13:03 Rall3n

Hello @Rall3n,

Thanks for the quick response. I have recorded the video with VoiceOver and the keystroke overlay. You can consider tapped keys, VoiceOver suggestions and check the bug.

Thanks in advance!

https://user-images.githubusercontent.com/93919618/165922880-cb12a307-c6c6-4524-9051-72e038b270dc.mov

yurii-prokopchuk avatar Apr 29 '22 09:04 yurii-prokopchuk

I'm seeing the save behavior. Any progress on a fix?

doubleforte avatar Apr 02 '24 15:04 doubleforte

FWIW: I reset my VoiceOver preferences, and the problem went away. I don't know what preference would be "don't make things work like they should", but the problem seems to be solved for me.

doubleforte avatar Apr 02 '24 18:04 doubleforte

Hi. I am experiencing the same issue. Is there any update?

bidahmetov02 avatar Jul 04 '24 09:07 bidahmetov02