bug(mat-sidenav): focus trapping is too aggressive under certain conditions
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
#### Reproduction
This issue seems to manifest under the following conditions:
- Sidenav is open in `over` or `push` mode (does not happen in `side` mode).
- Backdrop is disabled (this is necessary to be able to click in the content area of a `over` or `push` sidenav.
- App is using the `ConfigurableFocusTrap` (does not happen with the deprecated `FocusTrap`).
Steps to reproduce:
https://stackblitz.com/edit/angular-avy29p?file=src%2Fmain.ts
1. click to focus the "Content" input
#### Expected Behavior
"Content" input remains focused.
#### Actual Behavior
"Drawer" input immediately steals focus.
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia con la riproduzione StackBlitz collegata in src/main.ts e verifica il comportamento con un over o push sidenav, backdrop disabilitato e ConfigurableFocusTrap. Traccia il comportamento del focus quando si fa clic sul Content input; il lavoro è completato quando il Content input rimane focalizzato invece che il Drawer input riceva il focus.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- accessibility, frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 45/100