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.

Sign up for GitHub

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

Jump to bottom

Matching dropdown options missing focus/selected highlight #525

Closed
kirsty-hames opened this issue Sep 5, 2024 · 0 comments · Fixed by #526
Closed

Matching dropdown options missing focus/selected highlight #525

kirsty-hames opened this issue Sep 5, 2024 · 0 comments · Fixed by #526
Assignees
@kirsty-hames
Labels
accessibility bug

Comments

@kirsty-hames
Copy link
Contributor

kirsty-hames commented Sep 5, 2024 •
edited
Loading

Subject of the issue

When navigating dropdown options via keyboard up/down arrows, there's no visual focus/highlight.

Issue introduced during previous PR (Fix 2): #507
Matching issue for ref: adaptlearning/adapt-contrib-matching#193

Steps to reproduce

  • Tab to a Matching component, select Enter to expand the dropdown button.
  • Use up / down arrows to navigate between the options.
  • Use spacebar to select an option.

Expected behaviour

The option receiving focus should be highlighted.
The selected option should be highlighted.

Actual behaviour

No options are highlighted.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@kirsty-hames kirsty-hames

Labels
accessibility bug
Projects
None yet
Milestone
No milestone
1 participant
@kirsty-hames