material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

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

Open Rishi556 opened this issue 1 year ago • 2 comments

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

Rishi556 avatar Jun 05 '24 18:06 Rishi556

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.

ZeeshanTamboli avatar Jun 23 '24 05:06 ZeeshanTamboli

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

michaldudak avatar Jun 24 '24 12:06 michaldudak