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

ChronosSF · web-flow · commit 4bd05ab76fd5 · 2022-02-03T13:52:57.000+02:00
fix(pivotGrid): Stop propagation when clicking on expansion icon for row dimension to not trigger selection events.
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.html b/projects/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

Original file line number	Diff line number	Diff line change
`@@ -105,6 +105,15 @@ export class IgxPivotRowDimensionContentComponent extends IgxGridHeaderRowCompon`
`105`	`105`	`}`
`106`	`106`	`}`
`107`	`107`
	`108`	`+ /**`
	`109`	`+ * @hidden`
	`110`	`+ * @internal`
	`111`	`+ */`
	`112`	`+ public toggleRowDimension(event, column) {`
	`113`	`+ this.grid.toggleRow(this.getRowDimensionKey(column))`
	`114`	`+ event?.stopPropagation();`
	`115`	`+ }`
	`116`	`+`
`108`	`117`
`109`	`118`	`/**`
`110`	`119`	`* @hidden`