Setting dialog max-height does not work
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
#### 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!
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với app.component.ts và bản tái hiện Plunker được liên kết, trong đó MatDialogConfig đặt maxWidth và maxHeight, còn mat-dialog-content bên trong vẫn giữ giới hạn 65vh. Xác nhận ràng buộc về chiều cao và xem issue là hoàn tất khi dialog tuân theo max-height đã cấu hình.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 45/100