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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot navigate search input with arrow keys #3947

Closed
anuraghazra opened this issue Apr 20, 2020 · 4 comments
Closed

Cannot navigate search input with arrow keys #3947

anuraghazra opened this issue Apr 20, 2020 · 4 comments

Comments

@anuraghazra
Copy link
Contributor

馃悰 bug report

Description of the problem

"Create Sandbox" modal's search input isn't accessible with arrow keys.

image

How has this issue affected you? What are you trying to accomplish?

I was trying to navigate that search box with my arrow keys but its not working.

Link to sandbox: link (optional)

Your Environment

Software Name/Version
小odesandbox Version: ,0c063c3df
Browser Google Chrome
Operating System Windows 7 64bit
@andrasbacsai
Copy link
Contributor

If you search for anything and press TAB, you can move between templates with your arrow keys
arrows

Closing now. If you have any questions, let us know!

@anuraghazra
Copy link
Contributor Author

If you search for anything and press TAB, you can move between templates with your arrow keys

Oh i see okay nice.

Although i would probably say we can use Composite & aria-activedescendant and have a virtual focus to those items so users can navigate while searching, just like a combobox.

@andrasbacsai
Copy link
Contributor

@SaraVieira @siddharthkp What do you think?

@siddharthkp
Copy link
Contributor

Yep, a11y best practice would be to allow arrow keys and Tab (and shift + tab) as well. Would be a good addition to the big polish list

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

3 participants