angular - 角度材质模态 MatDialog 没有水平滚动条

Question

我用这些参数打开一个 matdialog，我看不到水平滚动条

this.dialog.open(ModalComponent, {
  data: {
    isEditHistoric: true

  }, width: '500px', height: '40%'
}).afterClosed().subscribe((result) => {});

我的 ModalComponent 有以下 html

<div *ngIf="isEditHistoric; else editStatus">
  <mat-dialog-content>
    <app-mycomponent></app-mycomponent>
  </mat-dialog-content>
</div>

app-mycomponent 包含一个材质表

<table  mat-table [dataSource]="dataSourceEntityList" multiTemplateDataRows>


    <!-- name Column -->
    <ng-container matColumnDef="name">

不幸的是，模态的水平滚动条没有出现，所以我看不到整个表格

我注意到当我取消选中 line height: 100%; 在下面的 css 中，我得到了水平滚动条，但是模态的高度不正确

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

更新

我昨天关闭了我的电脑，今天早上开始，错误消失了。不幸的是，水平和垂直滚动条位于模态框内，而我希望将它们放置在模态框的边框上。你能建议我一个解决方案吗