Skip to content

Grid layout keyboard navigation - inside cell  #2739

@konsalex

Description

@konsalex

Hey folks,

Trying to follow the official guideline for cell navigation inside a data grid cell and I am facing some difficulties, and I am not sure about the rationale behind supporting Down Arrow and Up Arrow inside cell navigation.

Inside a cell, if we press Down Arrow we should go to the next focusable item, the same behavior is expected when we press Right Arrow.

The conflict arises with Comboboxes as an example. If we have one inside our cell, the Down Arrow in a focused combobox should If the popup is not available, places focus on the first focusable element in the popup .

But then what happens with the grid navigation?

Attached you can see an example of a combobox, using react-select which follows the w3c guidelines, and a grid navigation which again tries to follow them and what happens is not something desired.

CleanShot.2023-06-29.at.12.44.57.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions