Список материалов не прокручивается на мобильных устройствах

Question

Я использую mat-list и не могу прокрутить его на мобильных устройствах.

Это список mat-nav-list с некоторым элементом mat-list внутри, Структура моего списка примерно такая:

<mat-nav-list>
   <a mat-list-item matTooltip="dashboard" routerLink="/dashboard">
     <mat-icon matListIcon>dashboard</mat-icon>
   </a>
   ...
</mat-nav-list>

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

element.style {
  user-select: none;
  -webkit-user-drag: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

Использует ли браузер этот CSS сам? Если я попытаюсь переопределить встроенный стиль, ничего не изменится, как я могу это решить?

Answer 1

В моем случае стиль CSS произошел от mat-list-item. Поэтому единственное, что я могу сделать, это переопределить его напрямую.

[mat-list-item]{
  touch-action: auto !important;
}