Contex/popup 菜单在金色布局的拆分器上被切割

Question

我想在树视图中显示项目的上下文菜单。菜单应该显示在所有其他元素之上，并且应该还跨越了 GoldenLayout (http://golden-layout.com/) 的边界。但是，菜单在拆分窗格中被“剪切”：

我尝试设置一个绝对 position 并增加 z-index。那没有帮助。也许原因是某些父 div 的样式 overflow = hidden？

=>如果我想让我的上下文菜单跨越布局边界，修改GoldenLayout配置的权利way/location是什么？

（我只希望上下文菜单跨界，不希望树视图的其他内容。）

var menu = selection.append('div')
           .className('treez-context-menu');

 .treez-context-menu {
    position: absolute;
    z-index: 100;
    display: none; 
    outline: thin solid lightgrey;
    background-color: white;
}

相关：

CSS I want a div to be on top of everything

Answer 1

将菜单的 css 位置从绝对位置更改为固定位置成功了：

.treez-context-menu {
    position: fixed; //changed from absolute to fixed
    z-index: 100;
    display: none; 
    outline: thin solid lightgrey;
    background-color: white;
}

Contex/popup 菜单在金色布局的拆分器上被切割

Contex/popup menu is cut on splitter of golden layout

javascript

css

golden-layout