Таблица угловых материалов Firefox Mat Row Событие Click с щелчком кнопки в ячейке Mat

Question

Я хочу использовать матовую таблицу угловых материалов с кликабельными строками, а также колонку кнопок в браузере Firefox.

Когда я впервые добавил кнопку, событие не было запущено (только событие строки).

Я читал некоторые темы об этой проблеме: Angular Material 2 Table Mat Row Click событие также вызывается нажатием кнопки в ячейке Mat

Событие (щелчок) строки таблицы угловых материалов, запускаемое при нажатии действия в ячейке в этой строке

У меня это работает с event.stopPropagation в браузере Chrome, но не в Firefox 63.0.3 (64-разрядная версия). В Firefox событие не запускается вообще.

<mat-table [dataSource]="dataSource" matSort>
.
.
.
  <ng-container *ngIf="roles.approver" matColumnDef="approve">
    <mat-header-cell *matHeaderCellDef mat-sort-header>Approve</mat-header-cell>
    <mat-cell *matCellDef="let element" (click)="$event.stopPropagation()">
      <button mat-icon-button type="button">
        <mat-icon color="primary" (click)="approve(element.receipt_id, 2)">check_circle</mat-icon>
      </button>
    </mat-cell>
  </ng-container>

  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
  <mat-row *matRowDef="let row; columns: displayedColumns;" (click)="onDetail(row.receipt_id)"></mat-row>

</mat-table>

Кто-нибудь работает с Firefox?