From 107e2bbd83fb5823ea803714d6c2262ec28f41ae Mon Sep 17 00:00:00 2001 From: Nick Dancer Date: Thu, 17 Nov 2022 12:14:02 +1000 Subject: [PATCH] fix: prevent snap back issue on mobile If `preventDefault` isn't called touch event propogates through to mouse event and `onSliderMouseDown` is called. This in turn calls `forceValueFromPosition` which can regularly cause thumb to snap back at the end of touch event. --- src/components/ReactSlider/ReactSlider.jsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/ReactSlider/ReactSlider.jsx b/src/components/ReactSlider/ReactSlider.jsx index de9dd21..6a8fdda 100644 --- a/src/components/ReactSlider/ReactSlider.jsx +++ b/src/components/ReactSlider/ReactSlider.jsx @@ -433,7 +433,8 @@ class ReactSlider extends React.Component { this.onEnd(this.getMouseEventMap()); }; - onTouchEnd = () => { + onTouchEnd = e => { + e.preventDefault(); this.onEnd(this.getTouchEventMap()); };