reactjs/react-modal

Focus escapes modal when radio buttons in modal

Open

#636 aperta il 29 mar 2018

Vedi su GitHub
 (8 commenti) (11 reazioni) (0 assegnatari)JavaScript (828 fork)batch import
accessibilitybugeasygood first issue

Metriche repository

Star
 (7294 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Summary:

When there are radio buttons in a modal, you can escape focus with shift-tab.

Steps to reproduce:

Steps are included in the test case below

Expected behavior:

You should not be able to escape the modal's focus

Link to example of issue:

https://codesandbox.io/s/my9vm34m68

Additional notes:

Not sure if it's related specifically to radio buttons, but that is what is causing the issue for me

Guida contributor

Direzione di ricerca
Indaga la logica di intrappolamento del focus nel componente modale, probabilmente in file come 'src/components/Modal.js' o simili. Il CodeSandbox fornito (https://codesandbox.io/s/my9vm34m68) dimostra il problema della fuga con Shift+Tab quando sono presenti pulsanti radio. Rivedi il codice di gestione del focus, in particolare come gestisce il primo e l'ultimo elemento focalizzabile, e assicurati che i pulsanti radio siano correttamente inclusi nell'ordine di focus. Considera l'uso di una libreria di intrappolamento del focus come 'focus trap' o modifica l'implementazione esistente per gestire il comportamento di focus del gruppo di pulsanti radio.
Tech stack
reactjavascript
Dominio
frontend
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