angular-material - 如何在 mat-drawer-container 中使用多个 mat-drawer？

Question

在垫抽屉容器内使用多个抽屉后，背景被禁用，抽屉一个接一个地打开。下面是结构。

<mat-drawer-container autosize (backdropClick)="closeSidenav()" >
  <mat-drawer #globalSearch [class.side-drawer]="!searchService.drawerWidth" position="end" disableClose [class.full-drawer]="searchService.drawerWidth">
    <app-global-search></app-global-search>
    <app-global-bookmark ></app-global-bookmark>
    <router-outlet></router-outlet>
  </mat-drawer>
  <mat-drawer #globalbookmark [class.side-drawer]="!bookmarkService.sidenavWidth" position="end" disableClose [class.full-drawer]="bookmarkService.sidenavWidth">
    <app-global-bookmark></app-global-bookmark>
    <router-outlet></router-outlet>
  </mat-drawer>
  <mat-drawer-content>
    <router-outlet></router-outlet>
  </mat-drawer-content>
</mat-drawer-container>