"Scrollable" mat dialog with component

Question

All I found about scrolling the dialog is about the overlay, but it is to describe the behavion off the dialog, but I need to scroll the content inside of it that is NOT in the mat-content, for it is an entire component.

To open the dialog I am using:

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

The dialog config is like this:

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.