fix(grid): Add RightClick/context menu check

fix(grid): Do not end editing on RMB click #8187

test(grid): Add Test - RMBClick/context menu #8187

on edited cell.

Author: IvayloG

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

@@ -743,7 +743,10 @@ export class IgxGridCellComponent implements OnInit, OnChanges, OnDestroy {
             this.selectionService.addKeyboardRange();
             this.selectionService.initKeyboardState();
             this.selectionService.primaryButton = false;
-            this.gridAPI.submit_value();
+            // Ensure RMB Click on edited cell does not end cell editing
+            if (!this.selected) {
+                this.gridAPI.submit_value();
+            }
             return;
         }
         this.selectionService.pointerDown(this.selectionNode, event.shiftKey, event.ctrlKey);

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

@@ -2584,6 +2584,12 @@ describe('IgxGrid - Cell selection #grid', () => {
             cell.editValue = 'No name';
             fix.detectChanges();
 
+            UIInteractions.simulateNonPrimaryClick(cell);
+            fix.detectChanges();
+            expect(cell.editMode).toEqual(true);
+            expect(cell.editValue).toEqual('No name');
+            expect(cell.value).not.toEqual('No name');
+
             const target = grid.getCellByColumn(0, 'Age');
             UIInteractions.simulateNonPrimaryClick(target);
             fix.detectChanges();