search

mui / material-ui

Material UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
https://mui.com/material-ui/
MIT License
92.41k stars 31.82k forks source link

[material-ui][Select] Cycle On Focus Without Having Options Open #42539

Open Rishi556 opened 3 weeks ago

Rishi556 commented 3 weeks ago

Summary

When using the Select as a drop down, it would be nice to be able to cycle through the options by typing in the first letter of the options that you'd like to cycle through. Right now it's possible to do the cycle while the options are open, but once the options are closed, hitting the keys doesn't cycle it.

Examples

To test out the current behavior, you can go to https://mui.com/material-ui/react-select/#basic-select and click on the select to focus on it, then close the options selector. Then try and cycle through the options with the T key.

Here's Amazon's version of one that works as this issue states: https://github.com/mui/material-ui/assets/10539109/81592f3e-81ed-44bf-97cf-b752e6711afa

I was cycling by just pressing the A key.

Motivation

This is a feature available on a lot of other libraries(see ChakraUI: https://v2.chakra-ui.com/docs/components/select) and just on the web in general so a similar feature on MUI would be nice.

Search keywords: cycle select

ZeeshanTamboli commented 1 week ago

If this is considered, I think it will be fixed in Base UI and when Material UI's Select adapts it. See https://github.com/mui/base-ui/issues/65 and https://github.com/mui/base-ui/issues/65#issuecomment-2184617045.

michaldudak commented 1 week ago

I'm not in a position to decide whether to include it in Material UI, but we will discuss including it in Base UI.