Fixed #15233 - Dropdown | Dropdown in Table Filter Menu Fails to Appl…

…y Filter When appendTo=body Is Used
primefaces · Apr 16, 2024 · 80ad996 · 80ad996
1 parent 4f88444
commit 80ad996
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts
@@ -5631,9 +5631,13 @@ export class ColumnFilter implements AfterContentInit {
                 const dialogElements = document.querySelectorAll('[role="dialog"]');
                 const targetIsColumnFilterMenuButton = event.target.closest('.p-column-filter-menu-button');
 
-                if (this.overlayVisible && this.isOutsideClicked(event) && (targetIsColumnFilterMenuButton || dialogElements?.length <= 1)) {
-                    this.hide();
-                }
+                dialogElements.forEach((dialogElement) => {
+                    const appendToBodyExists = dialogElement.querySelector('p-dropdown[appendto="body"]') !== null;
+
+                    if (this.overlayVisible && this.isOutsideClicked(event) && !appendToBodyExists && (targetIsColumnFilterMenuButton || dialogElements?.length <= 1)) {
+                        this.hide();
+                    }
+                });
 
                 this.selfClick = false;
             });