angular / angular/components

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

Ouverte
#16,165 2 commentaires 3 réactions 0 personnes assignées Voir sur GitHub
area: cdk/overlay P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### 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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée et le point d’entrée du blocage du défilement de Angular CDK dialog/overlay. Reproduisez les cas de chargement différé du contenu et de redimensionnement de la fenêtre, puis vérifiez que le contenu situé derrière une boîte de dialogue ouverte reste impossible à faire défiler après une modification des dimensions de la page.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.