angular / angular/components

Setting dialog max-height does not work

Đang mở
#8,493 18 bình luận 13 reaction 0 người được giao Xem trên GitHub
area: material/dialog P3
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

Mở 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.