Ng-bootstrap 'ngbPopover' не когда родительский контейнер имеет свойство css 'transform'

Question

Я пытался использовать функцию ng-bootstrap 'ngbPopover', но она не работала. Всплывающее окно не появится после нажатия кнопки. После часов отладки я наконец нашел причину своих проблем.

Это было свойство преобразования css в родительском компоненте.

Answer 1

После исследования я пришел к выводу, что свойство transform действительно влияет на свойство css position дочерних элементов (см .: контекст стека ), и, по-видимому, для случая ng-bootsrapвсплывающее окно заставляет компонент работать не так, как должно.

Чтобы преодолеть это, я добавил position: relative в контейнер css of pop-over button, и это сработало.