Setting dialog max-height does not work
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
#### Bug, feature request, or proposal:
Bug
#### What is the expected behavior?
To be able to change the max-height of the dialog
#### What is the current behavior?
It does not work.
#### What are the steps to reproduce?
http://plnkr.co/edit/X17ETao12PtHTKmpqV5s?p=preview
The dialog in question is configured to be
```
const settings: MatDialogConfig = {
maxWidth: '99vw',
maxHeight: '99vh'
}
```
But the height is the default one. It seems that the `cdk-overlay-0` is correctly styled with `style="max-width: 99vw; max-height: 99vh;"` but the inner `div.mat-dialog-content` has `max-height: 65vh;` which dictates the height.
All the relevant code is in `app.component.ts`.
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
All / latest
#### Is there anything else we should know?
Keep up the good work!
コントリビューションガイド
調査の方向性
app.component.ts とリンクされた Plunker の再現から始めます。そこでは MatDialogConfig が maxWidth と maxHeight を設定している一方、内部の mat-dialog-content は 65vh の制限を保持しています。高さの制約を確認し、ダイアログが設定された max-height を守れば issue は完了とします。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100