OverlayPanel: Wrong positioning on first open

[Gykonik]

Describe the bug

I'm using a button to trigger an OverlayPanel in the bottom right corner of a card. When the panel opens up for the first time, the position is wrong and it overflows. However, when I close and re-open it, everything works. Is there anything I'm missing, or is this a bug in the positioning logic?

Initial positioning:

After closing and opening the popup again, the result is as expected:

Environment

Windows 11, Chrome (bot doesn't work on any environment I've tested)

Reproducer

https://stackblitz.com/edit/bqzap2?file=src%2Fapp%2Fdemo%2Foverlay-panel-target-demo.html

Angular version

16.2.0

PrimeNG version

16.4.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

all

Steps to reproduce the behavior

Just click on the information icon and see that it overflows. When closing the popup and re-open it, it has the proper positioning.

Expected behavior

No response

[github-actions]

This issue has been automatically marked as stale due to a lack of activity. If this issue is still relevant to you, please leave a comment so we can keep it open. We apologize for not being able to prioritize it sooner. If you have any new information or questions, please share them in your comment!