popper.js - 允许 popper 超出容器边界

Question

我在自定义下拉菜单中的项目上使用 popper.js(它不是​​ <select>)。该站点使用 Bootstrap 4。

我的poppers看起来像这样，但我希望它溢出滚动容器之外:



我希望 poppers 出现在滚动容器中元素的右侧，但它们被迫留在其中。滚动容器是 <div> .

为什么这些设置不允许 poppers 溢出？ :

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

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