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.

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

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

Merged
merged 2 commits into from
Jan 18, 2024

Conversation

mnajdova
Copy link
Member

@mnajdova mnajdova commented Jan 17, 2024

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 component: slider This is the name of the generic UI component, not the React module! package: base-ui Specific to @mui/base labels Jan 17, 2024
@mui-bot
Copy link

mui-bot commented Jan 17, 2024

Netlify deploy preview

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

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 7492476

@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
Contributor

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
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
Signed-off-by: Marija Najdova <mnajdova@gmail.com>
@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
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: slider This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation package: base-ui Specific to @mui/base
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