2D keyboard navigation for field-grid-dropdown #2481
Description
Check for duplicates
- I have searched for similar issues before opening a new one.
Component
field-grid-dropdown
Problem
FieldGridDropdown currently gets its keyboard navigation from FieldDropdown but uses CSS to override the layout to be a 2D CSS grid. This means that up/down are used to move through a left-to-right-top-to-bottom grid. This feels quite odd to a sighted user and differs from the colour picker which is conceptually and visually similar.
Request
2D navigation consistent with the colour picker (or both aligned on whatever we agree 2D navigation should be like).
Consideration of whether the markup/aria is correct for this scenario. From discussion with @kmcnaught we think this could be better modelled as an aria grid (by analogy to emoji picker markup).
We don't currently use this plugin in MakeCode but are considering switching to it to help solve the keyboard nav issues in one place as the MakeCode equivalents have no such support at the moment. See microsoft/pxt-microbit#6077.
Alternatives considered
No response
Additional context
No response