在我的Angular Material应用程序中，有几个地方似乎不能在移动的触摸屏设备上滚动。垫子按钮似乎是问题所在，但不是在所有情况下。
- 例如，我有一个响应式按钮组件，它在移动的上不能水平滚动，滚动条显示，但按钮不允许触摸滚动。
- 这与我的mat-tables相同。我有一个列用于使用mat-icon-buttons的CRUD操作。这是表中唯一一个在用户触摸时不允许滚动的部分。
- 我的主SideNav在折叠时也不能垂直滚动。我把它折叠成一个带有垫子图标的垫子列表项目列表。
这很奇怪，因为每当我创建一个新项目或stackblitz来重现这种效果时，它都不会发生。
下面是我的responsive button组件的简化版本，具有相同的html和css结构：Blitz。如果你使用浏览器内置的响应式查看器，它应该滚动得很好。
我甚至把 lightning 战中的确切代码复制到了我的应用程序中，它不能正常工作。它只是拒绝在触摸上滚动，无论我把它放在哪里/我改变了什么。
如果我从应用程序的按钮中删除了mat-******-按钮，一切都按预期运行。这似乎是某些指令的问题，也许？
2条答案
按热度按时间kxe2p93d1#
对于遇到此问题的其他任何人，请在此处跟踪：Issue
经过大量的试验和错误，我发现mat-tooltips是这个行为的罪魁祸首。显然，这是一个严重的问题，自2017年中期以来。删除它们解决了这个问题，但这并不是一个真正合适的修复。有一个工作张贴在GitHub上的问题，我打算尝试。
编辑：
我无法让这个解决方案生效。请对此答案发表评论，如果找到替代方案，请在GitHub线程中发表评论。
vq8itlhq2#
这将在任何材料版本中工作...在您的
styles.css中