Skip to content

[slider] Fix interaction edge cases#4937

Open
atomiks wants to merge 3 commits into
mui:masterfrom
atomiks:codex/slider-interaction-fixes
Open

[slider] Fix interaction edge cases#4937
atomiks wants to merge 3 commits into
mui:masterfrom
atomiks:codex/slider-interaction-fixes

Conversation

@atomiks
Copy link
Copy Markdown
Contributor

@atomiks atomiks commented May 28, 2026

Fixes several slider interaction edge cases around disabled thumbs, canceled changes, range clamping, and form/ARIA behavior.

Changes

  • Fixed range sliders so thumbs cannot cross a neighbor whose value is 0.
  • Ignored disabled thumbs during direct presses, track presses, and drag selection.
  • Prevented canceled slider changes from firing onValueCommitted.
  • Registered the range input for field/form focus on invalid submits.
  • Forwarded aria-valuetext and unhandled keydown events to the range input.
  • Updated slider docs examples and regression coverage.

@atomiks atomiks added component: slider Changes related to the slider component. type: bug It doesn't behave as expected. labels May 28, 2026
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented May 28, 2026

commit: 4029530

@code-infra-dashboard
Copy link
Copy Markdown

code-infra-dashboard Bot commented May 28, 2026

Bundle size

Bundle Parsed size Gzip size
@base-ui/react 🔺+193B(+0.04%) 🔺+54B(+0.04%)

Details of bundle changes

Performance

Total duration: 1,098.49 ms -50.96 ms(-4.4%) | Renders: 50 (+0) | Paint: 1,668.70 ms -73.09 ms(-4.2%)

No significant changes — details


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

@netlify
Copy link
Copy Markdown

netlify Bot commented May 28, 2026

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 4029530
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/6a1831d1a6e19400083619f6
😎 Deploy Preview https://deploy-preview-4937--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@atomiks atomiks marked this pull request as ready for review May 28, 2026 12:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component: slider Changes related to the slider component. type: bug It doesn't behave as expected.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant