tippy.js弹出窗口隐藏在事件槽后面

Question

我正在使用FullCalendar，并且我刚刚集成了用于popover的tippyJs。它有与zIndex相关的布局问题。我已经附上了我的问题的截图。您可以看到popover隐藏在事件包装器的后面。另外，它也是不可点击的。我可以使用一些帮助来显示在任何东西之上的完整弹出框。非常感谢您的帮助。谢谢

​

tippy(arg.el, {
    content: ReactDOMServer.renderToStaticMarkup(
      //my html for popover
    ),
    allowHTML: true,
    placement: 'auto',
    interactive: true,
    theme: 'light',
    zIndex: 9999,
});

Answer 1

我不知道你是否找到了解决方案，但我也有同样的问题。为tippy.js和popper导入的库(CSS)很糟糕。

所以我只需要在index.html中添加cdn文件，一切都很正常。

我在index.html里有这些文件

    <!-- Development -->
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>

<!-- Production -->
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js">


tippy(arg.el, {
content: ReactDOMServer.renderToStaticMarkup(
  //my html for popover
),
allowHTML: true,
placement: 'auto',
theme: 'light',
zIndex: 9999,

})；

删除交互参数，它应该正常工作:)