【问题标题】:Ng-bootstrap 'ngbPopover' not when the parent container has a 'transform' css propertyNg-bootstrap 'ngbPopover' 不是当父容器具有'transform' css 属性时
【发布时间】:2020-02-12 20:23:52
【问题描述】:

我正在尝试使用 Ng-bootstrap 'ngbPopover' 功能,但它不起作用。单击按钮后不会出现弹出窗口。经过数小时的调试,我终于找到了问题的原因。

它是父组件中的 css 转换属性。

【问题讨论】:

    标签: css angular ng-bootstrap


    【解决方案1】:

    经过研究,我了解到 transform 属性确实会影响子元素的 css 位置属性(请参阅:stacking context),并且似乎对于 ng-bootsrap 弹出窗口的情况该组件无法正常工作。

    为了克服这个问题,我在弹出按钮容器的 css 中添加了 position: relative,它起作用了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-08-07
      • 2019-01-09
      • 1970-01-01
      • 1970-01-01
      • 2020-01-13
      • 2016-08-28
      • 2020-09-13
      • 1970-01-01
      相关资源
      最近更新 更多