Merge pull request #16021 from ymg2006/filterDialog-outsideclick

fixes #16020 Table: column-filter outside click does not close when it is inside a dialog component
primefaces · Jul 25, 2024 · 489d966 · 489d966
2 parents 850ce31 + 33def4e
commit 489d966
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts
@@ -5788,9 +5788,10 @@ export class ColumnFilter implements AfterContentInit {
             const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
 
             this.documentClickListener = this.renderer.listen(documentTarget, 'mousedown', (event) => {
-                const dialogElements = document.querySelectorAll('[role="dialog"]');
+                let isDateDialog = false;
+                document.querySelectorAll('[role="dialog"]').forEach(d => { if(DomHandler.hasClass(d, 'p-datepicker')) isDateDialog = true; });
                 const targetIsColumnFilterMenuButton = event.target.closest('.p-column-filter-menu-button');
-                if (this.overlayVisible && this.isOutsideClicked(event) && (targetIsColumnFilterMenuButton || dialogElements?.length <= 1)) {
+                if (this.overlayVisible && this.isOutsideClicked(event) && (targetIsColumnFilterMenuButton || !isDateDialog)) {
                     this.hide();
                 }