Skip to content

useCombobox: a11y status message doesn't seem to work properly compared with Downshift component #1076

@diondiondion

Description

@diondiondion
  • downshift version: 5.2.4

What you did:
I attempted to get VoiceOver on Safari (macOS) to read out the default a11y status message in the basic useCombobox example on Codesandbox (after I couldn't get them to work in my own implementation).

What happened:
The live region didn't appear to be updated reliably. The only status I got out of it (briefly) was "No results available", which was read out while some results were shown in the dropdown.
(To be clear, this is about the status message, not the selection message, which works fine.)

Reproduction repository:
https://lit4h.csb.app (This is an only minimally edited fork of the default useCombobox example on Codesandbox.
I simply added a few more strings to the results array, all starting with "Test", to make it easier to get a changing number of results in the autocomplete menu by simply typing "Te", "Tes", "Test", or "Testi").

Compare this with the default Downshift component example on Codesandbox, where the status message is correctly updated every time the displayed results change.

Problem description:
The a11y status message isn't updated/read out correctly when using useCombobox compared to the <Downshift> component.

Suggested solution:
I'm not familiar with the Downshift codebase yet, so haven't looked into the cause of it.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions