Skip to content

[base-ui][Slider] Fix plain CSS demo's wrong keyboard behavior#40652

Merged
mnajdova merged 2 commits into
mui:masterfrom
mnajdova:slider/keyboard-nav-improvements
Jan 18, 2024
Merged

[base-ui][Slider] Fix plain CSS demo's wrong keyboard behavior#40652
mnajdova merged 2 commits into
mui:masterfrom
mnajdova:slider/keyboard-nav-improvements

Conversation

@mnajdova

@mnajdova mnajdova commented Jan 17, 2024

Copy link
Copy Markdown
Member

Fixed the wrong keyboard behavior, and updated the demo to match the style definition in the MUI System demo. Fixes #39792 (cc @michaldudak can you verify that the issue was happening only on the plain CSS demo?).

Steps to reproduce:

  1. Go to https://mui.com/base-ui/react-slider/#introduction
  2. Choose Plain CSS from the styling selector
  3. Focus the thumb using keyboard (tab)
  4. Try using left/right arrow (it doesn't work)

Preview link with the fix: https://deploy-preview-40652--material-ui.netlify.app/base-ui/react-slider/#introduction

@mnajdova mnajdova added docs Improvements or additions to the documentation. scope: slider Changes related to the slider. package: @mui/base Specific to @mui/base (legacy). labels Jan 17, 2024
@mui-bot

mui-bot commented Jan 17, 2024

Copy link
Copy Markdown

@mnajdova
mnajdova marked this pull request as ready for review January 17, 2024 14:22
@mnajdova mnajdova changed the title [Slider][base][docs] Fix plain CSS wrong keyboard behavior [Slider][base][docs] Fix Plain CSS demo's wrong keyboard behavior Jan 17, 2024
@danilo-leal danilo-leal changed the title [Slider][base][docs] Fix Plain CSS demo's wrong keyboard behavior [base-ui][Slider] Fix plain CSS demo's wrong keyboard behavior Jan 17, 2024
@danilo-leal

Copy link
Copy Markdown
Collaborator

Just a heads-up that there's a tangential PR of mine to this one that's also surfacing some problems regarding the focus-visible state styles (depending on whether it's using the native class or our own) → #40332

@michaldudak

Copy link
Copy Markdown
Member

Indeed, it seems that just the plain CSS demo was affected.

@github-actions github-actions Bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Jan 17, 2024
@github-actions github-actions Bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged. label Jan 18, 2024
@mnajdova
mnajdova merged commit 83826d9 into mui:master Jan 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Improvements or additions to the documentation. package: @mui/base Specific to @mui/base (legacy). scope: slider Changes related to the slider.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[slider][base-ui] Visibly focused Slider doesn't accept keyboard input

5 participants