fix(keyboard-nav): row edit cell test and overlay anim trigger

Closes #6747

Author: Aleksandyr

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -2807,7 +2807,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
                 return;
             }
 
-            if (this.overlayService.getOverlayById(event.id).settings.outlet === this.outletDirective &&
+            if (this.overlayService.getOverlayById(event.id)?.settings.outlet === this.outletDirective &&
                 this.overlayIDs.indexOf(event.id) < 0) {
                 this.overlayIDs.push(event.id);
             }
@@ -6075,6 +6075,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
      * @hidden @internal
      */
     endRowTransaction(commit: boolean, row: IgxRow) {
+        console.log('end row transaction');
         row.newData = this.transactions.getAggregatedValue(row.id, true);
 
         let args = row.createEditEventArgs();

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

@@ -2068,7 +2068,7 @@ fix.detectChanges();
             grid.deleteRow(1);
             tick(16);
             fix.detectChanges();
-            spyOn(grid, 'endRowTransaction');
+            spyOn(grid, 'endRowTransaction').and.callThrough();
 
             const firstCell = grid.getCellByColumn(2, 'ProductName');
             UIInteractions.simulateDoubleClickAndSelectCellEvent(firstCell);