downshift-js/downshift

Multi-select useCombobox: VoiceOver bug when deselecting item

Open

#1.555 aberto em 8 de nov. de 2023

Ver no GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (980 forks)batch import
bughelp wantedneeds investigation

Métricas do repositório

Stars
 (11.761 stars)
Métricas de merge de PR
 (Mesclagem média 6d 9h) (5 fundiu PRs em 30d)

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:

Guia do colaborador

Direção de pesquisa
Investigue o gerenciamento de foco e os atributos ARIA na implementação de seleção múltipla do useCombobox. Foco na ação de desmarcar e em como o VoiceOver lê o estado do combobox após a remoção. Compare com a implementação do Ariakit para entender o comportamento esperado.
Pilha de tecnologia
javascriptreact
Domain
frontendaccessibility
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
React
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75