Merge pull request #10943 from IgniteUI/skrastev/fix-10859-pivot

fix(pivotGrid): Stop propagation when clicking on expansion icon for row dimension to not trigger selection events.
IgniteUI · Feb 3, 2022 · 4bd05ab · 4bd05ab
2 parents 411e9fc + 1c736b4
commit 4bd05ab
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/...ects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.html b/...ects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.html
@@ -13,7 +13,7 @@
 
 <ng-template #headerTemplate let-column>
     <div class='igx-grid__tr--header igx-grid__row-indentation--level-{{getLevel(column)}}'>
-        <igx-icon [attr.draggable]=" false" (click)="grid.toggleRow(getRowDimensionKey(column))">
+        <igx-icon [attr.draggable]=" false" (click)="toggleRowDimension($event, column)">
             {{ getExpandState(column) ? 'expand_more' : 'chevron_right'}}</igx-icon>
         {{column.header}}
     </div>

diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.ts
@@ -105,6 +105,15 @@ export class IgxPivotRowDimensionContentComponent extends IgxGridHeaderRowCompon
         }
     }
 
+    /**
+    * @hidden
+    * @internal
+    */
+    public toggleRowDimension(event, column) {
+        this.grid.toggleRow(this.getRowDimensionKey(column))
+        event?.stopPropagation();
+    }
+
 
     /**
      * @hidden