Skip to content

[select] Support single-pointer-cycle selection and pointer cancellation#48328

Open
mj12albert wants to merge 3 commits intomui:masterfrom
mj12albert:fix-select-pointer-interactions
Open

[select] Support single-pointer-cycle selection and pointer cancellation#48328
mj12albert wants to merge 3 commits intomui:masterfrom
mj12albert:fix-select-pointer-interactions

Conversation

@mj12albert
Copy link
Copy Markdown
Member

@mj12albert mj12albert commented Apr 19, 2026

Preview: https://deploy-preview-48328--material-ui.netlify.app/material-ui/react-select/

Matches Base UI's select's single pointer cycle:

  • pointerdown -> popup opens -> pointermove to an option -> pointerup = selects the option
  • pointerdown -> popup opens -> pointermove outside the popup -> pointerup = popup closes

Closes #45301
Closes #45374

@mj12albert mj12albert added accessibility a11y scope: select Changes related to the select. labels Apr 19, 2026
@code-infra-dashboard
Copy link
Copy Markdown

code-infra-dashboard Bot commented Apr 19, 2026

Bundle size

Bundle Parsed size Gzip size
@mui/material 🔺+1.74KB(+0.34%) 🔺+584B(+0.40%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/private-theming 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes

Deploy preview

https://deploy-preview-48328--material-ui.netlify.app/


Check out the code infra dashboard for more information about this PR.

@mj12albert mj12albert marked this pull request as ready for review April 19, 2026 11:34
@mj12albert mj12albert force-pushed the fix-select-pointer-interactions branch 5 times, most recently from 1e48e36 to 9e1c2f0 Compare April 20, 2026 14:20
Comment on lines +26 to +27
const SELECTED_MOUSE_UP_DELAY = 400;
const UNSELECTED_MOUSE_UP_DELAY = 200;
Copy link
Copy Markdown
Member

@ZeeshanTamboli ZeeshanTamboli Apr 22, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I guess this fixes the bug reported in #46665: StackBlitz (this PR build)

Comment thread packages/mui-material/src/Select/SelectInput.js Outdated
Comment thread packages/mui-material/src/Select/SelectInput.js Outdated
Comment thread packages/mui-material/src/Select/SelectInput.js
Comment thread packages/mui-material/src/Select/SelectInput.js Outdated
Comment thread packages/mui-material/src/Select/SelectInput.js
Comment thread packages/mui-material/src/Select/SelectInput.js Outdated
@mj12albert mj12albert force-pushed the fix-select-pointer-interactions branch from 464a14a to 7ca85a9 Compare April 23, 2026 16:13
@mj12albert mj12albert force-pushed the fix-select-pointer-interactions branch from 7ca85a9 to c2af4fa Compare April 23, 2026 17:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility a11y scope: select Changes related to the select.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Select] Support drag and release to select [Select] Pointer Cancellation (WCAG 2.5.2) failure

2 participants