Running grid (selected) event in the angular zone (#12560)

* fix(*): emit cell selection event in the angular zone #11746

* chore(*): fix flickering test  for the grid inside igxTabs

Co-authored-by: Hristo <[email protected]>

Author: ddincheva

projects/igniteui-angular/src/lib/grids/cell.component.ts

@@ -1069,7 +1069,7 @@ export class IgxGridCellComponent implements OnInit, OnChanges, OnDestroy, CellT
             this.selectionService.keyboardStateOnFocus(node, this.grid.rangeSelected, this.nativeElement);
         }
         if (this.grid.isCellSelectable && shouldEmitSelection) {
-            this.grid.selected.emit({ cell: this.getCellType(), event });
+            this.zone.run(() => this.grid.selected.emit({ cell: this.getCellType(), event }));
         }
     }
 

projects/igniteui-angular/src/lib/grids/grid/grid.component.spec.ts

@@ -2379,7 +2379,10 @@ describe('IgxGrid Component Tests #grid', () => {
             await wait(100);
             fix.detectChanges();
 
-            grid.navigateTo(grid.data.length - 1, grid.columnList.length - 1);
+            grid.navigateTo(0,  grid.columnList.length - 1);
+            await wait(100);
+            fix.detectChanges();
+            grid.navigateTo(grid.data.length - 1);
             await wait(100);
             fix.detectChanges();