Page MenuHomePhabricator

[M] Select menu keyboard navigation isn't functional
Closed, ResolvedPublic

Description

Expected user experience, based on accessibility specs:

  1. User can use tab to navigate to a Select component
  2. User can tap Enter to open the SelectMenu component
  3. User can use the up and down arrows to navigate the options within the Select Menu. Technically they are still focused on the Select component, and the up and down arrow keyup events are handled within the Select component.
  4. User can tap Enter to select an option within the SelectMenu (again, handled in the Select component)

This functionality was all working when we initially built the Select component, but item 3—the up and down arrow keys—no longer work for navigating the options. Instead, they cause the page to scroll.

Acceptance criteria:

  • All of the above keyboard navigation methods work as described

Event Timeline

CBogen renamed this task from Select menu keyboard navigation isn't functional to [M] Select menu keyboard navigation isn't functional.Jan 27 2021, 5:50 PM
AnneT removed AnneT as the assignee of this task.Feb 3 2021, 9:06 PM

Change 665160 had a related patch set uploaded (by Anne Tomasevich; owner: Anne Tomasevich):
[mediawiki/extensions/WikibaseMediaInfo@master] Fix bugs with select list keyboard navigation

https://gerrit.wikimedia.org/r/665160

Change 665160 merged by jenkins-bot:
[mediawiki/extensions/WikibaseMediaInfo@master] Fix bugs with select list keyboard navigation

https://gerrit.wikimedia.org/r/665160

Etonkovidova updated the task description. (Show Details)