angular / angular/components

sidenav: scroll strategies not working when mat-sidenav-container is used

Offen
#14,996 2 Kommentare 5 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/sidenav needs investigation P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### What is the expected behavior?

When dialog is opened inside mat-sidenav-container scroll strategies should work as usual. Block should block scrolling when dialog is opened, noop should allow scrolling, etc.

#### What is the current behavior?

Scroll strategies don't work when mat-sidenav-container is used. If I open dialog with backdrop and noop scroll strategy, scrolling is still blocked. If I remove backdrop and use block strategy, scrolling is still possible.

#### What are the steps to reproduce?

https://stackblitz.com/edit/angular-material2-issue-effkee

Open dialog and try to scroll. Play around with backdrop and scroll settings.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular, Material and CDK 7.2.2, macos, Chrome (haven't tried other browsers but I assume it's the same)

#### Is there anything else we should know?

/

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verlinkten StackBlitz-Reproduktion und untersuche, wie Dialoge, die innerhalb von mat-sidenav-container geöffnet werden, Block- und Noop-Scroll-Strategien mit und ohne Backdrop anwenden. Bestätige den Fix, indem du die gemeldeten Kombinationen reproduzierst und überprüfst, dass Block das Scrollen verhindert, während Noop es zulässt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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