[material-ui][docs] Bug with keyboard navigation in Select about material-ui

[mnajdova]

Can you share a screen recording, it's not clear what place you are referring to. Thanks!

[SovNerd]

Hi Mnajdova, here's a screen recording demonstrating the bug

[aarongarciah]

I'm unable to reproduce in Safari 16.5, Safari 17.5, Chrome 125, and Firefox 126 (all of them in macOS).

[aarongarciah]

@SovNerd I'm assuming once the Select has the focus you're navigating up/down with the arrow keys but the options are not highlighted. Can you share your exact keyboard sequence?

[SovNerd]

@SovNerd I'm assuming once the Select has the focus you're navigating up/down with the arrow keys but the options are not highlighted. Can you share your exact keyboard sequence?

That's correct, I noticed that there are some files that load only when I refresh the page on my networks and it works, once the "static/chunks/pages/material-ui/react-select-8134d48f0b6fe285.js" runtime is loaded.

I used my Up and Down keys to navigate the select options then press enter to choose the option. The option selects, but the issue is that I never know what I am selecting.

[aarongarciah]

Since I can't reproduce the issue, can you share a new recording with the network devtools panel visible?

[SovNerd]

See the recording here

Initial load: [image 1] (https://netpayie-my.sharepoint.com/:i:/g/personal/elton_brown_np_ie/EaRcFADr1jxLmpDw5eGL3_YBQdloPviZE7cO0I1bh3X3wg?e=AefOSG)
After Refresh: [image 2] (https://netpayie-my.sharepoint.com/:v:/g/personal/elton_brown_np_ie/ETN-tfiN5jxHp64H2GlrftkBMK4Pv7c5E_Q19jtnXUhsCQ?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=jiVdxw)