Ng-bootstrap 'ngbPopover' 当父容器有 'transform' css 属性 时不
Ng-bootstrap 'ngbPopover' not when the parent container has a 'transform' css property
我正在尝试使用 Ng-bootstrap 'ngbPopover' 功能，但它没有用。单击按钮后不会出现弹出窗口。经过几个小时的调试，我终于找到了问题的原因。
这是父组件中的 css 转换 属性。
经过研究，我了解到变换 属性 确实会影响子元素的 css 位置 属性（参见：stacking context），并且似乎对于 ng-bootsrap pop-over 的情况，它使组件无法正常工作。
为了克服这个问题，我在弹出按钮容器的 css 中添加了 position: relative，它起作用了。
我正在尝试使用 Ng-bootstrap 'ngbPopover' 功能，但它没有用。单击按钮后不会出现弹出窗口。经过几个小时的调试，我终于找到了问题的原因。
这是父组件中的 css 转换 属性。
经过研究，我了解到变换 属性 确实会影响子元素的 css 位置 属性（参见：stacking context），并且似乎对于 ng-bootsrap pop-over 的情况，它使组件无法正常工作。
为了克服这个问题，我在弹出按钮容器的 css 中添加了 position: relative，它起作用了。