Angular Material触摸屏滚动问题

Question

我在Angular Material应用程序中有几个地方似乎在移动触摸屏设备上无法滚动。垫子按钮似乎是问题所在，但并非在每种情况下都是如此。

• 例如，我有一个响应式按钮组件，它没有 在移动设备上水平滚动。滚动条显示，但是按钮 将不允许触摸滚动。
• 这在我的垫子桌子上也一样。我有一个关于CRUD的专栏 使用mat-icon-button的操作。这是唯一的部分 表格，当用户触摸时将不允许滚动。
• 我的主SideNav折叠后也不垂直滚动。一世 将其折叠到带有mat-icons的mat-list-items列表中。

这很奇怪，因为每当我创建一个新项目或stackblitz来重新创建这种效果时，都不会发生。

这是我的响应式按钮组件的精简版，具有相同的html和css结构：Blitz。如果您使用浏览器的内置响应式查看器，则应该可以正常滚动。

我什至已经将闪电战中的确切代码复制到了我的应用程序中，但无法正常工作。无论我放在哪里/更改什么，它都拒绝滚动触摸。

如果我从应用程序中的按钮上删除了mat-*******-按钮，则一切正常。某些指令似乎有问题吗？

Answer 1

对于其他任何遇到此问题的人，请在此处进行跟踪：Issue

经过大量的反复试验后，我发现应将mat-tooltip归咎于此行为。自2017年中以来，这显然是一个严重的问题。删除它们可以解决问题，但这并不是真正的解决方法。我将尝试在GitHub上的问题中发布解决方法。

编辑：

我无法获得解决方法解决方案。如果找到替代方法，请在此答案或GitHub线程上留下评论。