OverlayPanel | Close icon overflows in small screen (flipped)

[alejandra-moreno-espinar]

Describe the bug

When the overlapanel flips the space is not calculated properly and the close button is cut off.

Environment

Reproducer

No response

Angular version

13.0.2

PrimeNG version

13.3.1

Build / Runtime

Angular CLI App

Language

ALL

Node version (for AoT issues node --version)

16.13.0

Browser(s)

Chrome 103.0.5060.66, Firefox 97.0.2

Steps to reproduce the behavior

Open an overlaypanel with not enough space below so that it flips. Adjust the view port until the overlaypanel window fits in the space above the target but not the close icon.

Expected behavior

The close button should be taken into account when calculating the space the overlay needs.

[alejandra-moreno-espinar]

It's very easy to reproduce it using the PrimeNG overlaypanel example: https://stackblitz.com/edit/primeng-overlaypanel-demo.
Shrink the browser in height and the button icon will be cut off.

[alejandra-moreno-espinar]

Great, many thanks!