带有组件的“可滚动”垫对话框

Question

我发现关于滚动对话框的所有内容都与覆盖层有关，但它是为了描述对话框之外的行为，但我需要滚动其中不在 mat-content 中的内容，因为它是一个完整的组件。

要打开我正在使用的对话框：

const dialogRef = this.dialog.open(CadastroPessoaComponent, dialogConfig)

对话框配置是这样的：

dialogConfig.width = '90%';

Answer 1

Try and set the height of your dialogConfig to your desired dialog height.

It worked for me:

const dialogRef = this.dialog.open(CadastroPessoaComponent, {
   height: '300px'
}

It will add an overflow if the height of your component content will be higher than 300px.

For the full list of dialog configuration available, check the MatDialog API.