Блог

Я открываю matdialog с этими параметрами и не вижу горизонтальной полосы прокрутки

 this.dialog.open(ModalComponent, {  data: {  isEditHistoric: true   }, width: '500px', height: '40%' }).afterClosed().subscribe((result) =gt; {});  

Мой модальный компонент имеет следующий html

 lt;div *ngIf="isEditHistoric; else editStatus"gt;  lt;mat-dialog-contentgt;  lt;app-mycomponentgt;lt;/app-mycomponentgt;  lt;/mat-dialog-contentgt; lt;/divgt;  

приложение-компонент содержит таблицу материалов

 lt;table mat-table [dataSource]="dataSourceEntityList" multiTemplateDataRowsgt;    lt;!-- name Column --gt;  lt;ng-container matColumnDef="name"gt;  

к сожалению, горизонтальная полоса прокрутки модального не отображается, поэтому я не могу видеть всю таблицу

Я заметил, что когда я снимаю флажок высота строки: 100%; в следующем css я получаю горизонтальную полосу прокрутки, но высота модального значения тогда неверна

 .cdk-overlay-container, .cdk-global-overlay-wrapper {  pointer-events: none;  top: 0;  left: 0;  height: 100%;  width: 100%; }   

Обновить

Я выключил свой компьютер вчера и начал сегодня утром, и ошибка исчезла. К сожалению, горизонтальные и вертикальные полосы прокрутки находятся внутри модального, в то время как я хотел бы, чтобы они были размещены на границах модального. Не могли бы вы предложить мне решение