如何禁用角度材质下拉菜单上的模糊

Question

我有一个包含使用角材料的垫选择组件的下拉列表的表单。

<mat-select multiple (selectionChange)="onFilter($event)">

   <mat-option *ngFor="let section of someDropdown" [value]="section">

      {{section}}

   </mat-option>

</mat-select>

<button class="some-button" (click)="doSomething()>Click Me</button>

打开下拉菜单后，我无法单击其外部的任何元素（即按钮）。我首先需要单击下拉列表的外部以将其关闭，然后才能与其他控件进行交互。

有没有一种方法可以禁用此组件的模糊效果（因此在下拉列表打开时我可以单击一个按钮）？

Answer 1

我发现解决此问题的最佳方法是将所需控件的z-index设置为高于默认的材质背景覆盖（z-index：1000）；<button class="some-button" (click)="doSomething()>Click Me</button>CSS：.some-button {&nbsp;z-index: 1001 //set this higher than the overlay backgrop}