Keyboard Navigation#

#Focus model

The grid canvas must have DOM focus to receive keyboard events. Click on the canvas or use tab navigation to focus it.

#Navigation shortcuts

#MoveSelection command

Arrow key presses translate to MoveSelection:

state.apply(GridCommand::MoveSelection {
    delta_row: -1,  // up
    delta_col: 0,
    extend: false,  // true with Shift held
});

When extend is true, the anchor stays fixed and only the focus moves, expanding the selected range.

#Editing via keyboard

1. Enter or double-click → StartEdit
2. Type the new value
3. Enter → CommitEdit
4. Escape → CancelEdit

#Event handling

The web layer (rs-grid-web) listens to keydown events on the canvas and converts them to GridCommand values. The browser's default behavior is prevented for handled keys to avoid scrolling or other unwanted actions.