You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
The text was updated successfully, but these errors were encountered:
konsalex
changed the title
Grid layout keyboard navigation - Inside cell
Grid layout keyboard navigation - inside cell
Jun 29, 2023
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.
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
andUp 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 pressRight Arrow
.The conflict arises with Comboboxes as an example. If we have one inside our cell, the
Down Arrow
in a focused combobox shouldIf 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
The text was updated successfully, but these errors were encountered: