[Slider] Swap thumbs on range slider when thumbs are overlapping #1220
Labels
component: slider
This is the name of the generic UI component, not the React module!
regression
A bug, but worse
status: waiting for maintainer
These issues haven't been looked at yet by a maintainer
Comments
github-actions
bot
added
the
status: waiting for maintainer
mj12albert
added
component: slider
oliviertassinari
added
regression
oliviertassinari
changed the title
aarongarciah
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Coming from
@mui/base,@base-ui-components/reactseems to lack the correct thumb placement (will be fixed with #1175), marks, and the ability to swap thumbs. While swapping values does not follow the Slider WAI-ARIA design pattern (see relevant RadixUI discussion about that), swapping might provide better UX, specially when thumbs are overlapping.Where is a comparison with
@base-ui-components/reactvs@mui/base. In the base ui example, since the clicks happen on the left side of the thumb, the left thumb is selected, even thought there is an intent to slide to the right.Screen.Recording.2024-12-23.at.14.04.18.mov
Screen.Recording.2024-12-23.at.14.06.45.mov
So, it could be great to have the ability to enable always thumb swaping like in
mui-base, and would be amazing if this library manages to include a threshold of when it should overlap. I couldn't find a library that does this last behavior 🤔The text was updated successfully, but these errors were encountered: