palantir/blueprint

MultiSelect and MultiSelect2 interrupts a11y focus order

Open

#5457 aperta il 21 lug 2022

Vedi su GitHub
 (6 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
Browser: SafariP3Type: bughelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): @blueprintjs/core ^4.6.1, @blueprintjs/select: ^4.5.0
  • Operating System: macOS Monterey Version 12.4
  • Browser name and version: Safari Version 15.5 (17613.2.7.1.8)

Code Sandbox

Link to a minimal repro (fork this code sandbox): https://blueprintjs.com/docs/#select/multi-select2 https://blueprintjs.com/docs/#select/select2

Steps to reproduce

  1. Set focus on the example MultiSelect2 component container div via mouse click
  2. Cycle through page elements via tab key

Actual behavior

Focus gets reset to the page's first focusable element.

blueprint-MultiSelect2

Expected behavior

The next focusable element within the DOM hierarchy should be focused as in the Select2 component.

blueprint-Select2

Guida contributor

Direzione di ricerca
Esamina la gestione del focus nel componente MultiSelect2, in particolare come gestisce la navigazione con il tasto Tab. Confronta con Select2 che funziona correttamente. Cerca un focus trap mancante o una logica di reset del focus errata.
Tech stack
typescriptreact
Dominio
frontendaccessibility
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
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
GitReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60