No estoy seguro de lo que estoy haciendo mal aquí, pero mi cuadro de diálogo no parece estar utilizando mis secciones. Así es como estoy presentando el diálogo:

Ejemplo de Stackblitz

 <ng-container ngProjectAs="[mat-dialog-title]"> <app-dialog-header header="Command Line Arguments"></app-dialog-header> </ng-container> <div mat-dialog-content fxLayout="column" fxLayoutGap="5px"> <textarea rows="15" class="primary-background"></textarea> </div> <div mat-dialog-actions fxLayout="row" fxLayoutAlign="space-between center"> <button mat-button>Cancel</button> <button mat-button color="accent">Save</button> </div>

Así es como se ve cuando estoy en la parte superior del cuadro de diálogo.

Así es como se ve cuando me desplazo hasta la parte inferior del cuadro de diálogo.

De acuerdo con la documentación, cuando se usa [mat-dialog-title] el título debe permanecer en la parte superior, y cuando se usan [mat-dialog-actions] las acciones deben permanecer en la parte inferior del cuadro de diálogo. Como se ve en las capturas de pantalla, eso no está sucediendo.

Así es como estoy abriendo el modal:

 showCmdArgsDialog() { this.dialog.open(CmdArgsDialogComponent, { width: '75vw', height: '80vh', panelClass: 'cmd-args-dialog' }) }