Skip to content

[data grid] Keyboard navigation using Tab key #4658

@socramm9

Description

@socramm9

Summary 💡

Is there a reason why navigation with the Tab key is not supported?
https://mui.com/x/react-data-grid/accessibility/#navigation

I was trying out the Editing feature and noticed that it dosen't feel natural for me to navigate between cells after editing.

What I mean:

  1. Go to a cell and Edit it
  2. confirm using Tab
  3. Focus jumps to next cell

Everything fine so far, but pressing Tab again loses focus from the grid.
I would expect the focus to shift again to the next cell.

But like it is implemented now I would have to use the Arrow keys to go to the next cell.

The only way to get the behavior that i would expect is to set editMode="row".
It works fine but I would prefer if it was Possible without

Examples 🌈

No response

Motivation 🔦

Make my Grid behave like Excel

Order ID 💳 (optional)

26327

Metadata

Metadata

Assignees

Labels

accessibilitya11ydesign: uxRelated to End-users' experience.scope: data gridChanges related to the data grid.type: new featureExpand the scope of the product to solve a new problem.waiting for 👍Waiting for upvotes. Open for community feedback and needs more interest to be worked on.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions