bug(mat-sidenav): focus trapping is too aggressive under certain conditions
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### 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.
Beitragsleitfaden
Rechercherichtung
Beginnen Sie mit der verknüpften StackBlitz-Reproduktion unter src/main.ts und überprüfen Sie das Verhalten mit einer over- oder push-sidenav, deaktiviertem backdrop und ConfigurableFocusTrap. Verfolgen Sie das Fokusverhalten, wenn auf das Content input geklickt wird; abgeschlossen ist die Aufgabe, wenn das Content input fokussiert bleibt, anstatt dass das Drawer input den Fokus erhält.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- accessibility, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100