[BUG] Accessibility issue where screen-readers can only see 'blank'

[TroyHouston]

If you use a screenreader (I am using NVDA) and try to navigate the dropdown using the keyboard it will always read out 'blank' for each item (or the value entered into the search field).

However if the dropdown is not opened then it does read out the value properly.

See both scenarios in action below

To Reproduce

1. Install NVDA
2. Go to the demo site
3. Open NVDA
4. Tab to the selector
5. Press spacebar to open the dropdown
6. Use the arrow keys to navigate the dropdown, each option will be read as 'blank' (or the value entered into the search field)

Expected behavior
I would expect the screen-reader to be able to navigate and read out all the options in the list whether the dropdown is open or closed.

Example Gif

Desktop

• OS: Windows 10
• Browser: Chromium Edge (Also found in other browsers)
• Version: 80.0.334.2

[macjohnny]

@TroyHouston thanks for reporting this issue. I think the problem is that the input field is focused.
Would you like to try and find a solution to tell the screen reader to e.g. read the entered search value and the currently highlighted select value?

[macjohnny]

@ZacaryPaynter thanks for the fix, it was released with version 2.1.0