Панель расширения пользовательского интерфейса материала не может нажимать пользовательские кнопки внутри нее

Question

В пределах <mat-expansion-panel>описание У меня есть 3 значка, работающие как кнопки. Значки отображаются, но их нельзя щелкнуть, в основном они находятся под панелью расширения. z-indexподходы не работают. Решение, которое я нашел, заключалось в том, чтобы дать кнопкам-иконкам это свойство. pointer-events: visiblefill !important;. Хотя с помощью этого свойства можно щелкнуть значки, каждый раз, когда я щелкаю по одному из них, панель также будет разворачиваться.

PS У меня также есть эти глобальные свойства, чтобы ограничить расширение только с помощью кнопки со стрелкой:

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

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

Answer 1

Похоже, это помогает:

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