Угловой материал: матовая фишка внутри фокуса по мат-навигационному списку

Question

У меня есть mat-nav-list, где к каждому mat-nav-item прикреплен (click) -вент для навигации. Внутри каждого предмета у меня есть mat-chips для отображения информации о состоянии. При наведении курсора я не получаю курсор указателя от элемента списка, и щелчок не вызовет событие родителей.

Как сделать так, чтобы mat-chip не мешал курсору и событию щелчка?

<mat-nav-list>
    <mat-list-item *ngFor="let item of items" (click)="selectItem(item)">
        {{item.name}}
        <mat-chip-list>
            <mat-chip>Label</mat-chip>
        </mat-chip-list>
    </mat-list-item>
</mat-nav-list>

Answer 1

Решение состоит в том, чтобы отключить события указателя на chip-list, окружающем микросхемы:

mat-chip-list {
    pointer-events: none;
}