1 Answer, 1 is accepted
0
Hello, Arun,
This occurs as the native onKeyDown event requires the element to have a tab index. The Grid has a tab index and will fire the event when the navigatable prop is true:
https://www.telerik.com/kendo-react-ui-develop/components/grid/api/GridProps/#toc-navigatable
If you do not want the navigation, you can add a DIV around the Grid, set a tab index to it, and attach the onKeyDown event to that DIV.
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Great!!!, Thanks Stefan, after adding tab index and handled on keydown event in div tag, it works fine.
But i have another issue like, when I am adding a new empty row and try to delete by using delete key, the event is not triggering, can you please help me on this.
I made an example and the Delete keypress is fired as expected:
https://stackblitz.com/edit/react-9rfajj?file=app/main.tsx
If the issue still occurs, please share an example reproducing it and I will be happy to take a look.