允许波普尔超出容器的边界

Question

我在自定义下拉菜单（不是<select>）中的项目上使用popper.js。该网站使用Bootstrap4。

我的弹出窗口如下所示，但我希望它在滚动容器之外溢出：

我希望弹出窗口出现在滚动容器中元素的右侧，但被迫留在其中。滚动容器是<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

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