Some tooltip and popover placements are not working as intended

[Seveilith]

Bug description:

Placements other than top, bottom, left and right are not working as intended for the popover and tooltip components. For instance, if you specify top-left, then the placement will be the same as top.

Note, I've also tried other directional properties such top-start in favor of top-left, which also resulted in the same outcome as above.

It was last working in v11: https://stackblitz.com/edit/angular-h4rwfs?file=src%2Fapp%2Ftooltip-basic.html

Link to minimally-working StackBlitz that reproduces the issue:

https://stackblitz.com/edit/angular-d7cxo4?file=src%2Fmain.ts,src%2Fapp%2Ftooltip-basic.html

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 14.1.0

ng-bootstrap: 13.0.0

Bootstrap: 5.20

Popper: 2.10.2

[fbasso]

Thanks for reporting an issue, @Seveilith.

Interesting. I didn't understand what's happen yet, but I noticed it works in this use case: https://stackblitz.com/edit/angular-ab99w7?file=src%2Fapp%2Ftooltip-autoclose.html

[bamboechop]

Any update on this? Did some investigation happen? I've encountered this exact issue after updating from v11 to v14 during a big dependency update to get a project up to date again and now I get complaints that the tooltips look wrong.

[bastienmoulia]

Stackblitz updated https://angular-pmqwdh.stackblitz.io