使用 PrimeNG DynamicDialog 的 mouseenter mouseleave 问题

Question

我在实现动态对话框时遇到问题，该对话框在元素的 mouseenter 时出现并在 mouseleave 时消失。我正在使用 PrimeNG's dynamic dialog，它有一个模态覆盖，这会导致一个问题，即当出现覆盖时会立即触发 mouseleave，导致对话框立即消失，然后返回到 mouseenter；它进入循环。

我可以通过将按钮的 z-index 更改为高于动态叠加层的 z-index 来解决按钮上的这个问题。但是，这似乎不适用于 table.

内的元素

请参阅我的 stackblitz example，如果您将鼠标悬停在按钮上，则该按钮有效，但如果您将鼠标悬停在按钮下方 table 内的跨度上，它将进入如上所述的循环。我的问题是如何解决这个问题，或者是否有更好的方法来解决不使用 z-indexes 的问题？据我所知，无法删除控件中的叠加层。

Answer 1

如果不需要模态叠加层，可以在对话框配置中将 modal 标志设置为 false。

喜欢这个stackblitz example。