Bootstrap carousel 破坏了我基于 bootstrap 的库

Question

我正在开发一个bootstrap-based webchat client。我使用 webpack 将我的客户端打包为一个库，但问题是，当包含在 bootstrapjs 轮播处于活动状态的页面中时，我的库生成的小部件在每张幻灯片之间的过渡期间变得不可见。也许这是名字冲突的事情，但我真的不知道如何解决这个问题。我应该去哪里看？受此问题影响的最简单代码是：

<div id="chattigo-webchat-container">
    <button data-reactroot=""
            class="collapsed btn btn-sm btn-default"
            id="chattigo-widget"
            type="button"
            style="color: rgb(255, 255, 255); background-color: rgb(8, 83, 203);">
        <span class="glyphicon glyphicon-user"></span>
    </button>
</div>

有什么想法吗？这与bootstrap js's carousel 有何冲突？

Here 是一个示例页面，您可以在其中查看不良行为。

感谢您提供的任何帮助。

Answer 1

抱歉耽搁了。我刚刚检查了你的代码。您应该尝试将溢出值从 hidden 更改为 visible，它会正常工作。

#chattigo-webchat-container {
    z-index: 10;
    overflow: visible;
}

我希望此修复也适用于您。请告诉我。