Skip to content

Grid layout keyboard navigation - inside cell  #2739

Open

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

Activity

  1. changed the title [-]Grid layout keyboard navigation - Inside cell [/-] [+]Grid layout keyboard navigation - inside cell [/+] on Jun 29, 2023
  2. JAWS-test commented on Jun 29, 2023

    @JAWS-test

    I think that is a mistake on the part of ARIA APG. I would expect to navigate within a gridcell as I would on a normal web page, i.e. from widget to widget with TAB and not with arrow keys.

  3. konsalex commented on Jun 30, 2023

    @konsalex
    Author

    I would too @JAWS-test but maybe we are missing some context?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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