angular / angular/components

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

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

説明

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

/

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

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

調査の方向性

リンクされた StackBlitz の再現例から始め、mat-sidenav-container 内で開かれたダイアログが、backdrop の有無に応じて block および noop のスクロール戦略をどのように適用するかを調査します。報告された組み合わせを再現し、block ではスクロールが防止され、noop ではスクロールが許可されることを確認して修正を検証します。

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

評価

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

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

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