Hello,

Callout arrow is positioned wrong when there is not enough space (attached: calloutissue.PNG and please also check (https://stackblitz.com/edit/angular-gyec1d?file=src%2Fapp%2Fapp.component.ts). This is very confusing as the arrow is showing under the "Show Popover without callout" which is not correct. The callout arrow should not positioned always in the middle of the popover.

Your component should support and display the anchor in the correct position as other anchor popover do (please check: https://getbootstrap.com/docs/4.0/components/popovers/). That should be at least one of the basic component functionality.

Enable automatic reversal of display orientation for popovers encountering boundary issues in certain scenarios. This enhancement ensures that the arrow correctly indicates the popover's origin, mitigating user confusion caused by viewport constraints.