angular / angular/components

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

オープン
#16,165 コメント 2 件 リアクション 3 件 担当者 0 名 GitHub で見る
area: cdk/overlay P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされた StackBlitz の再現手順と、Angular CDK dialog/overlay のスクロールブロックのエントリポイントから始めます。コンテンツの遅延読み込みとウィンドウのリサイズのケースを再現し、その後、ページの寸法が変化しても、開いているダイアログの背後のコンテンツを引き続きスクロールできないことを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。