javascript - Angular 8: Material 对话框的max-height属性不起作用

我正在使用角度8的项目，在该项目中，我使用MatDialog在对话框中使用表单输入打开新组件。例如：

import {MatDialog} from '@angular/material/dialog';

import {AddDialogComponent} from '../add-dialog.component';

constructor(private dialog: MatDialog){
}

private addNewRow() {

    const dialogRef = this.dialog.open(AddDialogComponent, {

      width: 'auto',
      height: 'auto',
      maxHeight: '100vh',
      maxWidth:'100vw',
      data: Data
    });
    dialogRef.afterClosed().subscribe(
      result => {

         // statements
      });
  }

在此处打开对话框时，在不支持maxHeight：'100vh'的情况下，maxWidth：'100vw'可以正常工作。还尝试了maxHeight：'100vh！important'并尝试从.css文件更改样式。

两者都不起作用。对于此问题的任何建议或解决方案将不胜感激。

谢谢。

最佳答案

这是因为.mat-dialog-content具有max-height: 65vh。您可以决定不使用指令，也可以在CSS中覆盖此指令：

.mat-dialog-content {
  max-height: initial;
}

working example