Unplanned
Last Updated: 04 Jul 2025 09:02 by ADMIN
Hubert
Created on: 12 Jun 2025 15:12
Category: Data Grid
Type: Bug Report
0
DataGrid navigation with the keyboard

Hello,

there are numerous problems with navigating / scrolling on the DataGrid using keyboard keys.

Here is the test page:

https://stackblitz.com/edit/react-brdhufzd

 

1. Grid with navigatable=true:

- arrow keys - when you select a cell to be able to navigate and then  keep pressing down and then up, it's not posible to come back to the first record. You need to use the mouse.

- Page up/down keys work the other way round, also sometimes is not possible to come back to the first record, the scrollbar does not show the current position.

- It starts to work correctly after using the arrow keys and page up/down keys alternatively couple of times

2. Grid with navigatable=false:
- arrow,Page up/down keys and scrollbar work correctly

3. Grid with navigatable=true and nested inside Window:
- works the same way as not nested - the same problems occur

4. Grid with navigatable=false and nested inside Window:
- arrow keys move the window instead of navigating the grid
- Page up/down don't work at all



3 comments
ADMIN
Filip
Posted on: 04 Jul 2025 09:02

Hello, Hubert,

Thank you for the provided video.

After following the steps I was able to reproduce the same issues. I have logged then in our public repo where their status and progress can be tracked and monitored:

I apologize for any inconvenience this unintended behavior may have caused you. As a small token for bringing this to our attention I have granted you some Telerik points.

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Hubert
Posted on: 27 Jun 2025 12:15

Hi, I've attached a video showing the correct steps. I'm using the current Chrome, but it behaves the same on Firefox.

Regards

Hubert

 

ADMIN
Filip
Posted on: 19 Jun 2025 11:57

Hello, Hubert,

Thank you for the provided example.

I tested it however I was not able to observe the undesired behavior in which the user is not able to return to the initially selected cell by pressing down and up. Page up / Page down also seems to be working as expected on my end. I have attached a video of the steps I took.

Could you please review it and confirm whether I am following the correct procedure? If not, could you send me a video demonstrating the correct steps? Also, does the issue occur on a specific browser only?

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Attached Files: