Overlay: p-overlay div not removed from DOM on hiding panel

[RinoGaetano94]

Describe the bug

When hiding the overlay content (clicking outside the panel or programmatically) the wrapper div with class 'p-overlay' will not be removed from the DOM. This will cause an invisible layer blocking interactions with the page. If you perform another click, the p-overlay div will be removed from DOM.

It seems to happen only if responsive params is passed.

It seems to work properly on 14.2.2 Official Documentation.

This is the div that should be removed from DOM (it will removed on second click)

Environment

PrimeNG Official Documentation

Reproducer

https://primeng.org/overlay#basic

Angular version

15.2.2

PrimeNG version

15.1.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.13.0

Browser(s)

No response

Steps to reproduce the behavior

0. Trigger the responsive breakpoint resizing the window.
1. Click the "Show Overlay" button in the basic example.
2. Click outside the overlay panel to make it disappear.

If you try to click the "Show Overlay" button again to reopen the overlay, it will fail. You will not see the cursor pointer too.

Even if the click fails, the p-overlay wrapper will be correctly removed this time

Expected behavior

When hiding overlay panel, the p-overlay wrapper should be removed from DOM to re-establish the page interaction

[faisal6699]

It still exists. Need immediate solve :|