Merge pull request #13754 from rosenthalj/master

properly fix issue #13361

src/app/components/table/table.ts

@@ -3338,7 +3338,7 @@ export class SortableColumn implements OnInit, OnDestroy {
 
     @HostListener('click', ['$event'])
     onClick(event: MouseEvent) {
-        if (this.isEnabled()) {
+        if (this.isEnabled() && !this.isFilterElement(<HTMLElement>event.target)) {
             this.updateSortState();
             this.dt.sort({
                 originalEvent: event,
@@ -3358,6 +3358,13 @@ export class SortableColumn implements OnInit, OnDestroy {
         return this.pSortableColumnDisabled !== true;
     }
 
+    isFilterElement(element: HTMLElement) {
+        return this.isFilterElementIconOrButton(element) || this.isFilterElementIconOrButton(element?.parentElement?.parentElement);
+    }
+    private isFilterElementIconOrButton(element: HTMLElement) {
+        return DomHandler.hasClass(element, 'pi-filter-icon') || DomHandler.hasClass(element, 'p-column-filter-menu-button');
+    }
+
     ngOnDestroy() {
         if (this.subscription) {
             this.subscription.unsubscribe();
@@ -4777,7 +4784,7 @@ export class ReorderableRow implements AfterViewInit {
                 aria-haspopup="true"
                 [attr.aria-expanded]="overlayVisible"
                 [ngClass]="{ 'p-column-filter-menu-button-open': overlayVisible, 'p-column-filter-menu-button-active': hasFilter() }"
-                (click)="toggleMenu($event)"
+                (click)="toggleMenu()"
                 (keydown)="onToggleButtonKeyDown($event)"
             >
                 <FilterIcon [styleClass]="'pi-filter-icon'" *ngIf="!filterIconTemplate" />
@@ -5108,9 +5115,8 @@ export class ColumnFilter implements AfterContentInit {
         }
     }
 
-    toggleMenu(event: any) {
+    toggleMenu() {
         this.overlayVisible = !this.overlayVisible;
-        event.stopPropagation();
     }
 
     onToggleButtonKeyDown(event: KeyboardEvent) {