fix($range): Fix issue with overlapping points (#320)

Bug when trying to move overlapping points #286
react-component · Sep 15, 2017 · 0a07ada · 0a07ada
1 parent 722ddd2
commit 0a07ada
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/examples/marks.js b/examples/marks.js
@@ -45,7 +45,7 @@ ReactDOM.render(
 
     <div style={style}>
       <p>Range with marks</p>
-      <Slider.Range min={-10} marks={marks} onChange={log} defaultValue={[20, 40]} />
+      <Slider.Range min={-10} marks={marks} onChange={log} defaultValue={[20, 25, 30, 40]} />
     </div>
     <div style={style}>
       <p>Range with marks and steps</p>

diff --git a/src/Range.jsx b/src/Range.jsx
@@ -161,7 +161,8 @@ class Range extends React.Component {
     const { bounds, recent } = this.state;
     let boundNeedMoving = closestBound;
     const isAtTheSamePoint = (bounds[closestBound + 1] === bounds[closestBound]);
-    if (isAtTheSamePoint) {
+
+    if (isAtTheSamePoint && bounds[recent] === bounds[closestBound]) {
       boundNeedMoving = recent;
     }