Merge pull request #22 from esseb/text-selection

Prevent text selection during drag

Author: davidchin

src/InputRange/InputRange.js

@@ -422,6 +422,8 @@ export default class InputRange extends React.Component {
       return;
     }
 
+    event.preventDefault();
+
     const key = getKeyByPosition(this, position);
 
     this.updatePosition(key, position);

test/InputRange.spec.js

@@ -357,9 +357,23 @@ describe('InputRange', () => {
       event = {
         clientX: 100,
         clientY: 200,
+        preventDefault: jasmine.createSpy('preventDefault'),
       };
     });
 
+    it('should call event.preventDefault if not disabled', () => {
+      inputRange.handleTrackMouseDown(event, track, position);
+
+      expect(event.preventDefault).toHaveBeenCalledWith();
+    });
+
+    it('should not call event.preventDefault if disabled', () => {
+      inputRange = renderComponent(<InputRange disabled={true} defaultValue={10} onChange={onChange}/>);
+      inputRange.handleTrackMouseDown(event, track, position);
+
+      expect(event.preventDefault).not.toHaveBeenCalledWith();
+    });
+
     it('should not set a new position if disabled', () => {
       inputRange = renderComponent(<InputRange disabled={true} defaultValue={10} onChange={onChange}/>);
       spyOn(inputRange, 'updatePosition');