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
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.
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
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.