允许popper超出容器的边界

Question

我在定制的下拉菜单(它不是popper.js )中的项目上使用了<select>。该网站使用的引导带4。

我的弹出器看起来像这样，，但是我希望它在滚动容器之外溢出：

​

​

我希望弹出者出现在滚动容器中元素的右边，但是他们被迫呆在里面。滚动容器是一个<div>。

为什么这些设置不允许弹出程序溢出？

const indivOptionPopOverSettings = {
        placement: 'left',
        container: 'body',
        trigger: 'hover',
        html: true,
        modifiers: {
            preventOverflow: {
                // tried these individually and in various combinations:
                enabled: false,
                boundariesElement: 'window',
                escapeWithReference: true
            }
        }
};

Answer 1

“容器：' body '”属性允许将弹出框直接放在body标记下，而不是div标记下，从而解决了这个问题。

Answer 2

当我完全关闭浏览器并重新启动应用程序后，问题就消失了。我不知道根本问题是什么。