Angular material 物料列表不会在移动设备中滚动

我正在使用，无法在移动设备上滚动

这是一个mat nav列表，其中包含一些mat列表项，我的列表结构如下：

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

浏览器是否应用了CSS本身？

---

如果我试图用内联样式覆盖任何更改，我如何解决它呢？

在我的例子中，CSS样式来自

mat list item

。 所以我唯一能做的就是直接覆盖它

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

---

你能把这个问题复制出来吗？根据您的描述，不清楚什么是可滚动的-父容器？单一列表项？“在移动浏览器中”是什么意思？你是在用chrome模拟选项还是别的什么？正如你所看到的，每个项目都只是一个图标，我需要滚动整个列表。对于移动浏览器，我指的是智能手机（不是模拟或其他东西）

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