From e823806832e92cf6d7f2e665d47636dfd2b1f57b Mon Sep 17 00:00:00 2001
From: Md Ashik <mostofabilla@gmail.com>
Date: Tue, 12 Sep 2023 16:57:31 +0600
Subject: [PATCH] fix: #12948 || Overlay: p-overlay div not removed from DOM on
 hiding panel

---
 src/app/components/overlay/overlay.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/components/overlay/overlay.ts b/src/app/components/overlay/overlay.ts
index 1b7d7047a87..d94f3996e4d 100644
--- a/src/app/components/overlay/overlay.ts
+++ b/src/app/components/overlay/overlay.ts
@@ -3,6 +3,7 @@ import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
 import {
     AfterContentInit,
     ChangeDetectionStrategy,
+    ChangeDetectorRef,
     Component,
     ContentChildren,
     ElementRef,
@@ -65,7 +66,7 @@ const hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}}
                 'p-overlay-right-start': modal && overlayResponsiveDirection === 'right-start',
                 'p-overlay-right-end': modal && overlayResponsiveDirection === 'right-end'
             }"
-            (click)="onOverlayClick($event)"
+            (click)="onOverlayClick()"
         >
             <div
                 *ngIf="visible"
@@ -422,6 +423,7 @@ export class Overlay implements AfterContentInit, OnDestroy {
         public renderer: Renderer2,
         private config: PrimeNGConfig,
         public overlayService: OverlayService,
+        public cd: ChangeDetectorRef,
         private zone: NgZone
     ) {
         this.window = this.document.defaultView;
@@ -524,6 +526,7 @@ export class Overlay implements AfterContentInit, OnDestroy {
                 DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo);
                 ZIndexUtils.clear(container);
                 this.modalVisible = false;
+                this.cd.markForCheck();
 
                 break;
         }