downshift-js/downshift

Multi-select useCombobox: VoiceOver bug when deselecting item

Open

#1555 aperta il 8 nov 2023

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)JavaScript (980 fork)batch import
bughelp wantedneeds investigation

Metriche repository

Star
 (11.761 star)
Metriche merge PR
 (Merge medio 4g 9h) (7 PR mergiate in 30 g)

Descrizione

  • downshift version: 8.2.2
  • OS: macOS 13.6.1
  • Browser: Chrome 119.0.6045.123

Relevant code or config

The basic multiple selection combobox example: https://www.downshift-js.com/use-combobox/#basic-multiple-selection

What you did:

Deselect item

What happened:

After deselecting an item, VoiceOver moves to the first selected item in the list:

https://github.com/downshift-js/downshift/assets/7543552/4df98cd7-ad3c-4f9c-80ae-b52964afcab0

Reproduction repository:

Reproduces in the example: https://www.downshift-js.com/use-combobox/#basic-multiple-selection

Problem description:

I think VoiceOver should stay on the focused item even after deselecting it.

It works as expected in the Ariakit multi-select combobox: https://ariakit.org/examples/combobox-multiple

Suggested solution:

Guida contributor

Direzione di ricerca
Indagare la gestione del focus e gli attributi ARIA nell'implementazione multi selezione di useCombobox. Concentrarsi sull'azione di deselezione e su come VoiceOver legge lo stato del combobox dopo la rimozione. Confrontare con l'implementazione di Ariakit per comprendere il comportamento atteso.
Tech stack
javascriptreact
Dominio
frontendaccessibility
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75