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

[ly-tc]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] 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

[xurxe]

Arrow keys work fine for me on a couple of different Firefox versions (102.0.1, 107.0.1). This is with VoiceOver on macOS Monterey 12.6.