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.
Ideally, dynamic changes to the viewport would also need to be detected, and the position of the popover would need to be reversed when there isn't enough space.
Additionally, dynamic changes to the viewport need to be taken into consideration. For example, check the attached recording.
https://stackblitz.com/edit/angular-1sxnzn-yjzvbw5j
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.