From 09b4f51496624c3a3d934961d2573d85c65e7017 Mon Sep 17 00:00:00 2001 From: ttonev Date: Fri, 1 Aug 2025 09:55:39 +0300 Subject: [PATCH] fix(grid): handle Enter key event to prevent default behavior and improve editing experience --- .../grid/editing-excel-style-custom/src/index.ts | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/samples/grids/grid/editing-excel-style-custom/src/index.ts b/samples/grids/grid/editing-excel-style-custom/src/index.ts index 9ab87422bd..9cee76dd8a 100644 --- a/samples/grids/grid/editing-excel-style-custom/src/index.ts +++ b/samples/grids/grid/editing-excel-style-custom/src/index.ts @@ -1,6 +1,6 @@ import 'igniteui-webcomponents-grids/grids/combined'; import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core'; -import { IgcCellType, IgcGridComponent } from 'igniteui-webcomponents-grids/grids'; +import { IgcCellType, IgcGridComponent, IgcGridKeydownEventArgs } from 'igniteui-webcomponents-grids/grids'; import { NwindData } from './NwindData'; import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css"; import "./index.css"; @@ -19,10 +19,16 @@ export class Sample { this._bind = () => { grid1.data = this.nwindData; - grid1.addEventListener('activeNodeChange', (event: any) => { + grid1.addEventListener('gridKeydown', (args: IgcGridKeydownEventArgs) => { + if(args.detail.event.code === "Enter" || args.detail.event.code === "NumpadEnter") { + args.detail.cancel = true; w + } + }); + + grid1.addEventListener('activeNodeChange', (event: CustomEvent) => { grid1.endEdit(); - (grid1.getElementsByClassName("igx-grid__tbody-content")[0] as any).focus(); }); + grid1.addEventListener('keydown', (event: KeyboardEvent) => { var code = event.code; var activeElem = grid1.selectedCells[0];