Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Grid layout keyboard navigation - inside cell #2739

Open
konsalex opened this issue Jun 29, 2023 · 2 comments
Open

Grid layout keyboard navigation - inside cell #2739

konsalex opened this issue Jun 29, 2023 · 2 comments

Comments

@konsalex
Copy link

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
@konsalex konsalex changed the title Grid layout keyboard navigation - Inside cell Grid layout keyboard navigation - inside cell Jun 29, 2023
@JAWS-test
Copy link

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.

@konsalex
Copy link
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
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants