.cdk-overlay-pane does not fit .cdk-overlay-container
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
#### Reproduction
Steps to reproduce:
1. Open https://stackblitz.com/edit/angular-overlay-scroll
2. Scroll body
3. Press 'overlay' button
#### Expected Behavior
`.cdk-overlay-pane` fits `.cdk-overlay-container` if `BlockScrollStrategy` is used.
#### Actual Behavior
`.cdk-overlay-pane` does not fit `.cdk-overlay-container` if `BlockScrollStrategy` is used.
A part of `.cdk-overlay-pane` is out `.cdk-overlay-container`.
There is no way to scroll to the bottom of the last `.overlay-items__item`.

#### Environment
- Angular: 7, 8
- CDK/Material: 7, 8
- Browser(s): Google Chrome, Firefox, Opera
- Operating System (e.g. Windows, macOS, Ubuntu): Windows, macOS, Android
#### Suggest a Fix
I have found two ways to fix it.
1. Make `OverlayConfig#minHeight` required
2. Set default value of `OverlayConfig#minHeight`
コントリビューションガイド
調査の方向性
リンクされた StackBlitz の再現手順から始め、pane と container のサイズ設定に関係する Angular CDK OverlayConfig と BlockScrollStrategy の動作を追跡します。body のスクロール後に overlay が container に収まり、最後の overlay 項目の下端に到達できれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100