Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[material-ui][Select] selecting using the spacebar does not work #43874

Open
BennyAlex opened this issue Sep 24, 2024 · 1 comment · May be fixed by #43966
Open

[material-ui][Select] selecting using the spacebar does not work #43874

BennyAlex opened this issue Sep 24, 2024 · 1 comment · May be fixed by #43966
Assignees
@DiegoAndai @sai6855
Labels
accessibility a11y bug 🐛 Something doesn't work component: select This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material
Milestone
Material UI with ...

Comments

@BennyAlex
Copy link

BennyAlex commented Sep 24, 2024 •
edited by github-actions bot
Loading

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-select/

Steps:
Try selecting an option in Mui select using spacebar. It only works with enter.

This is a bad experience for keyboard users. Most of them expect the spacebar to work here. Escpecially with multi select is unpleasant.

With Autocomplete it works fine.

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo 
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: spacebar, select
@BennyAlex BennyAlex added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Sep 24, 2024
@BennyAlex BennyAlex mentioned this issue Sep 24, 2024
Closed
@zannager zannager added the component: select This is the name of the generic UI component, not the React module! label Sep 24, 2024
@mnajdova mnajdova added the bug 🐛 Something doesn't work label Sep 26, 2024
@sai6855 sai6855 self-assigned this Sep 27, 2024
@sai6855 sai6855 linked a pull request Oct 2, 2024 that will close this issue
Open
@DiegoAndai DiegoAndai removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Oct 2, 2024
@DiegoAndai DiegoAndai changed the title MuiSelect selecting using the spacebar does not work [material-ui][Select] selecting using the spacebar does not work Oct 2, 2024
@DiegoAndai DiegoAndai added accessibility a11y package: material-ui Specific to @mui/material labels Oct 2, 2024
@DiegoAndai DiegoAndai added this to the Material UI with Base UI milestone Oct 2, 2024
@oliviertassinari
Copy link
Member

oliviertassinari commented Oct 2, 2024 •
edited
Loading

@atomiks It looks like Base UI's upcoming Select component is handling this correctly: mui/base-ui#541.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@DiegoAndai DiegoAndai

@sai6855 sai6855

Labels
accessibility a11y bug 🐛 Something doesn't work component: select This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material
Projects
None yet
Milestone
Material UI with Base UI
Development

Successfully merging a pull request may close this issue.

[material-ui][Select] Fix Select when using the spacebar sai6855/material-ui
6 participants
@oliviertassinari @mnajdova @DiegoAndai @BennyAlex @sai6855 @zannager