MatMenu 悬停在打开的 MatMenu 下方显示 Button

Question

标题可能有点混乱。我会尽量解释清楚。

我有一个mat-table，我用数据填充。在每一行的最后一列中，我显示了具有一些简单功能的按钮，例如删除或编辑。由于表格在小屏幕上打开时变得非常笨拙，因此我添加了一个mat-menu 按钮。

据我所知，由于 Angular Material 不支持悬停功能，所以我使用了这个workaround。

当表格中显示一个条目时，下拉菜单将按需要工作。只要有多行，下方行中的mat-menu 就会通过激活的mat-menu 发光（见图）。

只要我想点击“删除”或“编辑”选项，下一行的 mat-menu 悬停就会激活。

这里是问题的一个小复现：StackBlitz

Answer 1

我检查了您在 StackBlitz 上提供的示例，很明显，所需行下方的 mat-menu 被激活，因为您只需将鼠标悬停在它上方。我希望我能很好地理解您的任务，因为您有两种解决方法：

1. 删除您在<button> 中提供的style="z-index:1050"，这会使mat-menu 透明，或者
2. 只需删除悬停功能，因为您已经提供了一个可供点击的按钮。