Bootstrap轮播打破了我的基于bootstrap的库

Question

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

<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

抱歉延误。我刚检查了你的代码。您应该尝试将溢出值从隐藏更改为可见，它会正常工作。

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

我希望这个解决方案对你也很好。请告诉我。