search

JedWatson / react-select

The Select Component for React.js
https://react-select.com/
MIT License
27.57k stars 4.12k forks source link

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

Open yurii-prokopchuk opened 2 years ago

yurii-prokopchuk commented 2 years ago

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
Rall3n commented 2 years ago

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?

yurii-prokopchuk commented 2 years ago

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

doubleforte commented 6 months ago

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

doubleforte commented 6 months ago

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.

bidahmetov02 commented 3 months ago

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