Merge pull request #15845 from primefaces/issue-15779

Fixed #15779 - Closing nested dialog removes CSS class still needed f…
primefaces · Jun 27, 2024 · a3af939 · a3af939
2 parents 2901f73 + 9fde4f3
commit a3af939
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/app/components/dynamicdialog/dynamicdialog.ts b/src/app/components/dynamicdialog/dynamicdialog.ts
@@ -217,6 +217,7 @@ export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
 
     get parent() {
         const domElements = Array.from(this.document.getElementsByClassName('p-dialog'));
+
         if (domElements.length > 1) {
             return domElements.pop();
         }
@@ -266,6 +267,13 @@ export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
         return this.config?.templates?.closeicon;
     }
 
+    get dynamicDialogCount() {
+        const dynamicDialogs = this.document.querySelectorAll('p-dynamicdialog');
+        const dynamicDialogCount = dynamicDialogs?.length;
+
+        return dynamicDialogCount;
+    }
+
     constructor(
         @Inject(DOCUMENT) private document: Document,
         @Inject(PLATFORM_ID) private platformId: any,
@@ -305,6 +313,7 @@ export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
             }
         }
     }
+
     destroyStyle() {
         if (this.styleElement) {
             this.renderer.removeChild(this.document.head, this.styleElement);
@@ -409,7 +418,7 @@ export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
             });
         }
 
-        if (this.config.modal !== false) {
+        if (this.dynamicDialogCount === 1) {
             DomHandler.addClass(this.document.body, 'p-overflow-hidden');
         }
     }
@@ -419,8 +428,7 @@ export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
             if (this.config.dismissableMask) {
                 this.unbindMaskClickListener();
             }
-
-            if (this.config.modal !== false) {
+            if (this.dynamicDialogCount === 1) {
                 DomHandler.removeClass(this.document.body, 'p-overflow-hidden');
             }