When the dragging movement is started a little bit outside of the slider track the subsequent drags will be blocked.
I discovered that this occurs because some part of the slider becomes invisibly highlighted and causes you to drag a ghost image instead of the slider thumb.

I managed to circumvent this by using the following css: user-select: 'none'
Your Environment 🌎
| Tech |
Version |
| Material-UI |
v4.0.0 |
| React |
16.8.6 |
| Browser |
Chrome |
| TypeScript |
- |
| etc. |
|
When the dragging movement is started a little bit outside of the slider track the subsequent drags will be blocked.
I discovered that this occurs because some part of the slider becomes invisibly highlighted and causes you to drag a ghost image instead of the slider thumb.
I managed to circumvent this by using the following css: user-select: 'none'
Your Environment 🌎