🐛 (slider)-fix selection bug on disabled slider

Author: rishichawda

lib/slider/index.js

@@ -133,9 +133,12 @@ class Slider extends React.Component {
 
   startDrag = (ev, left) => {
     ev.preventDefault();
-    const dragEventWithData = e => this.dragEvent(e, left);
-    document.body.addEventListener('mouseup', () => this.stopDrag(dragEventWithData));
-    document.body.addEventListener('mousemove', dragEventWithData);
+    const { disabled } = this.props;
+    if (!disabled) {
+      const dragEventWithData = e => this.dragEvent(e, left);
+      document.body.addEventListener('mouseup', () => this.stopDrag(dragEventWithData));
+      document.body.addEventListener('mousemove', dragEventWithData);
+    }
   };
 
   stopDrag = (eventCallback) => {
@@ -168,16 +171,16 @@ class Slider extends React.Component {
     const leftButtonProps = {
       className: theme['slider-button'],
       'aria-label': 'slider-button-left',
-      onMouseDown: !disabled ? (e) => {
+      onMouseDown: (e) => {
         this.startDrag(e, true);
-      } : undefined,
+      },
     };
     const rightButtonProps = {
       className: theme['slider-button'],
       'aria-label': 'slider-button-right',
-      onMouseDown: !disabled ? (e) => {
+      onMouseDown: (e) => {
         this.startDrag(e, false);
-      } : undefined,
+      },
     };
     return (
       <div {...rootProps}>