angular / angular/components

bug(mat-sidenav): focus trapping is too aggressive under certain conditions

Offen
#21,955 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/sidenav G P2 regression
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

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.