Merge pull request #16926 from IgniteUI/iminchev/elements-cell-activation-21.1.x

Author: IMinchev64

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

@@ -55,7 +55,7 @@ import {
     IgxTextSelectionDirective,
     IgxFocusDirective,
     IgxTextHighlightDirective
- } from 'igniteui-angular/directives';
+} from 'igniteui-angular/directives';
 import { fadeOut, scaleInCenter } from 'igniteui-angular/animations';
 import { IgxChipComponent } from 'igniteui-angular/chips';
 import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group';
@@ -1181,6 +1181,7 @@ export class IgxGridCellComponent implements OnInit, OnChanges, OnDestroy, CellT
         if (this.grid.isCellSelectable && shouldEmitSelection) {
             this.zone.run(() => this.grid.selected.emit({ cell: this.getCellType(), event }));
         }
+
     }
 
     /**

projects/igniteui-angular/grids/core/src/grid-navigation.service.ts

@@ -105,10 +105,16 @@ export class IgxGridNavigationService {
             this.grid.selectionService.keyboardStateOnKeydown(this.activeNode, shift, shift && key === 'tab');
         }
         const position = this.getNextPosition(this.activeNode.row, this.activeNode.column, key, shift, ctrl, event);
+        const shouldNotifyVirtualizedKeyboardSelection =
+            ctrl && (key === 'arrowup' || key === 'up' || key === 'arrowdown' || key === 'down') &&
+            this.shouldPerformVerticalScroll(position.rowIndex, position.colIndex);
         if (NAVIGATION_KEYS.has(key)) {
             event.preventDefault();
             this.navigateInBody(position.rowIndex, position.colIndex, (obj) => {
                 obj.target.activate(event);
+                if (shouldNotifyVirtualizedKeyboardSelection) {
+                    this.grid.notifyChanges();
+                }
             });
         }
     }