关闭 Material Sidenav 后，Mat 按钮聚焦

Question

sidenav关闭后如何让mat按钮自动失焦。

<mat-drawer-container>
  <mat-drawer #drawer mode="over" position="end">I'm a drawer</mat-drawer>
  <mat-drawer-content>
          <button mat-icon-button (click)="drawer.toggle()">
            <span class="material-icons-outlined"> shopping_bag </span>
          </button>
  </mat-drawer-content>
</mat-drawer-container>

Answer 1

我也遇到了同样的问题。我通过在我的styles.scss 中添加以下内容来修复它：
.mat-button-focus-overlay { background-color: transparent !important; // needed for header menu }