将鼠标悬停在技能气泡上时工具提示闪烁问题（React 和 d3）

Question

我在网站上遇到工具提示问题，当鼠标悬停在技能气泡上时，工具提示不断闪烁。我已经在固定位置实现了工具提示，但是每当该位置上有气泡并且我将鼠标悬停在其上时，工具提示就会开始闪烁，直到我将光标从气泡中移开。我尝试过调整 z-index 将工具提示移动到气泡后面，但似乎不起作用。我怀疑这可能是由于使用了 D3，它不断地操作 DOM。

带有气泡和工具提示的页面图像（悬停时）

帮助我确定此问题的根本原因并提出修复建议？此外，这里还有一些额外的细节：

发生问题的视频：视频

我的投资组合的 URL，您可以在其中生成问题：url

GitHub 上的源代码链接：code

任何见解或建议将不胜感激。

PS：由于代码的大小，无法在单个代码片段中显示。不过，您可以在提供的 GitHub 存储库链接中找到完整的代码以供进一步参考。

Answer 1

也许下面的CSS可以解决你的问题，试试你的话：

pointer-events: none;