glideapps / glideapps/glide-data-grid

Is it possible to use the arrow keys to trigger a cell edit?

Open
#796 9 comments 0 reactions 0 assignees View on GitHub
package:core type:enhancement
Dominant language
TypeScript
Stars
5.3k
Forks
428
PR merge metrics
No merged PRs in 30d

Description

Hello, I'd like to know if it's possible to use the Up/Right/Down/Left arrow keys while in cell edit mode to trigger the editor to complete the cell edit.
The focus would then move based on the arrow key you hit (ArrowLeft would finish the cell edit and focus on the left cell, ArrowDown would finish cell edit and focus on the cell below, ... etc)
My use case is that I'm trying to use the glide-data-grid but give it a more spreadsheet like feel when the user is interacting with it.

Things I've tried:
- using onKeyDown: This hook does not fire when in edit mode. The dataEditorRef also does not seem to have a method to complete eidt mode
- using onFinishedEditing(): the hook only fires after edit is complete, i.e. after enter or tab is pressed.

Let me know if there's any other information I can provide, thank you.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.