Skip to content

[Bug][Grid] Keyboard navigation broken when using navigatable #3261

@filipKovachev

Description

@filipKovachev

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

  1. Grid with navigatable=false:
    Arrow,Page up/down keys and scrollbar work correctly

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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions