If there is a page with a lot of sliders it's very easy to accidentally change them when swiping up/down. When using native Material components this doesn't happen, the slider waits until it's detected as a vertical pan to start changing the slider
WithdraggableBar true it's basically impossible to avoid changing the sliders on swipe. Disabling it improves things but it's still possible to happen if the slider thumb is inconveniently placed
To Reproduce
Try to swipe up and down naturally with your right hand on this page (Svelte)
Describe the bug
If there is a page with a lot of sliders it's very easy to accidentally change them when swiping up/down. When using native Material components this doesn't happen, the slider waits until it's detected as a vertical pan to start changing the slider
With
draggableBar
true it's basically impossible to avoid changing the sliders on swipe. Disabling it improves things but it's still possible to happen if the slider thumb is inconveniently placedTo Reproduce
Try to swipe up and down naturally with your right hand on this page (Svelte)
Expected behavior
The slider waits until it's sure that the user isn't trying to scroll upwards on mobile until it permits the value to be changed
Actual Behavior
The slider starts changing basically as soon as the user touches the screen
Screenshots
https://user-images.githubusercontent.com/24979496/236686644-4464589a-3ace-4c12-81b9-b7b03b16f822.mp4
Additional context
See this React component for what I'd like, it's much better behavior
https://zillow.github.io/react-slider/