mui / mui/material-ui

[autocomplete] Unable to use the arrows key to select a list item in Firefox + VoiceOver

Open
#32,892 2 comments 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

accessibility scope: autocomplete
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Duplicates
  • I have searched the existing issues
Latest version
  • I have tested the latest version
Current behavior 😯

Unable to use the arrows key to select a list item in Firefox + VoiceOver

Expected behavior 🤔

Be able to use the arrows key to select a list item in Firefox + VoiceOver

Steps to reproduce 🕹

Steps:

  1. Open https://mui.com/material-ui/react-autocomplete/#main-content in Firefox
  2. Open VoiceOver
  3. Use the tab key to focus on the autocomplete input
  4. Use the arrow down key to select a list item

Video demo: https://www.youtube.com/watch?v=lfC0tkaTVVM

Context 🔦

No response

Your environment 🌎
`npx @mui/envinfo`
  System:
    OS: macOS 12.3
  Browsers:
    Firefox: 100.0.2

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.