ag-grid 上下文菜单被切断（剪裁）

Question

拥有 ag-grid v8.20 的 ag-grid（Angular 组件） 不幸的是，如果上下文菜单比网格大，它就会被剪掉：

（截图应该在这里但是我不能上传，imgur bug？）

有没有办法让上下文菜单完全显示而不被裁剪？

Answer 1

由于我在组件上设置的 CSS 样式，它被剪掉了。 在我的例子中，它是一个带有 "overflow-y: auto" 的 flexbox。 我必须删除它才能使其正常工作。

Answer 2

如果其他人遇到此问题 post，here 是个笨蛋来演示修复。

var gridOptions = {
    ...
    popupParent: document.querySelector("body")
    ...
};

Answer 3

这是对在 React 和 TypeScript 中面临相同问题的人的一般回答。这对我有用。

popupParent={document.querySelector('body') || undefined}