downshift-js/downshift

Multi-select useCombobox: VoiceOver bug when deselecting item

Open

#1 555 ouverte le 8 nov. 2023

Voir sur GitHub
 (2 commentaires) (0 réactions) (0 assignés)JavaScript (980 forks)batch import
bughelp wantedneeds investigation

Métriques du dépôt

Stars
 (11 761 stars)
Métriques de merge PR
 (Merge moyen 6j 9h) (5 PRs mergées en 30 j)

Description

  • 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:

Guide contributeur

Direction de recherche
Examinez la gestion du focus et les attributs ARIA dans l'implémentation multi sélection de useCombobox. Concentrez vous sur l'action de désélection et sur la façon dont VoiceOver lit l'état de la combobox après la suppression. Comparez avec l'implémentation d'Ariakit pour comprendre le comportement attendu.
Stack technique
javascriptreact
Domaine
frontendaccessibility
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
React
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75