Material ui 扩展面板无法点击其中的自定义按钮

问题描述

在 <mat-expansion-panel> 的描述中，我有 3 个充当按钮的图标。图标有显示但是不能点击，基本都在扩展面板下面。 z-index 方法不起作用。我找到的一个解决方案是给图标按钮这个属性 pointer-events: visiblefill !important;。尽管可以使用此属性单击图标，但每次单击其中一个图标时，它也会展开面板。

附言我也有这些全局属性来限制扩展只使用箭头按钮：

span.mat-expansion-indicator {
  pointer-events: visiblefill !important;
}

mat-expansion-panel-header {
  pointer-events: none;
}

解决方法

看来这行得通：

function(event: any) {
    event.stopPropagation();
    // Do what you want
  }