angular / angular/components

Dialog/Overlay doesn't block scrolling if page dimensions change

Offen
#16,165 2 Kommentare 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/overlay P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/components-issue-kktbjg

Steps to reproduce:
1. Click the Open Dialog button.
2. Wait 3 seconds for images to appear behind the dialog.

#### Expected Behavior

When a dialog is open and scroll blocking is enabled the content behind the dialog should not be scrollable.

#### Actual Behavior

If the content behind the dialog is not scrollable when the dialog is opened and then becomes scrollable while the dialog is still open then scroll blocking does not work. This can happen either when new page content loads or when the window is resized to be smaller.

#### Environment

- Angular: 8.0.0
- CDK/Material: 8.0.0
- Browser(s): Chrome 74.0.3729.169
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verknüpften StackBlitz-Reproduktion und dem Einstiegspunkt zur Scroll-Blockierung von Angular CDK dialog/overlay. Reproduziere die Fälle mit verzögertem Laden von Inhalten und der Größenänderung des Fensters und überprüfe anschließend, dass Inhalte hinter einem geöffneten Dialog nach einer Änderung der Seitendimensionen weiterhin nicht scrollbar bleiben.

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
45/100

Neue Issues direkt in Ihr Postfach

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