Description
Description
The following issues arise with the current keyboard navigation when navigatable=true
is being used:
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
-
Grid with navigatable=false:
Arrow,Page up/down keys and scrollbar work correctly -
Grid with navigatable=true and nested inside Window:
Works the same way as not nested - the same problems occur -
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
Plan
KendoReact
Steps To Reproduce
Arrow Keys issue:
Open the following example: https://stackblitz.com/edit/react-brdhufzd-ofdfrwha?file=app%2Fapp.tsx
Select an item In the Grid
Start pressing the down arrow key
Start pressing the up arrow key
Observe that you cannot go back to the initially selected record as the focus is on the header
Page Down/ Page Up issue:
Open the following example: https://stackblitz.com/edit/react-brdhufzd-ofdfrwha?file=app%2Fapp.tsx
Select an item in the Grid
Press page down and then page up
Notice that you cannot get back to the same record
The same issues apply to the Grid in the Window
Screenshots or video
kendo_grid_scoll_problems.mp4
Actual Behavior
Users cannot get back to the initially selected record.
Expected Behavior
The users should be able to return to the initially selected record when using the arrow keys or page down/up.
Reported in Ticket ID: 1690299