Left and right tooltip arrow position is moving

[guisaas]

Bug description:

Left and right tooltip arrow is moving when hovering the button that triggers this tooltip instead of being directly centered

Link to minimally-working StackBlitz that reproduces the issue:

You can reproduce the issue with your current version of the portal: https://ng-bootstrap.github.io/#/components/tooltip/examples#basic by just hovering the left or right tooltip.

First the arrow is displayed not centered with the button. Then some time later, it moves to the center of the button

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 13

ng-bootstrap: 12.1.1

Bootstrap: 5

[maxokorokov]

Definitely something animation-related

---

Another observation is that with reduced motion it is never positioned correctly until CD runs (ex. on click)