fix: the active thumb should get focus when a value is selected

Giving the thumb focus allows the user to move from mouse control to keyboard control.
zillow · Sep 27, 2019 · f1cc0cc · f1cc0cc
1 parent ed67408
commit f1cc0cc
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/src/components/ReactSlider/ReactSlider.jsx b/src/components/ReactSlider/ReactSlider.jsx
@@ -334,7 +334,7 @@ class ReactSlider extends React.Component {
 
     onEnd(eventMap) {
         removeHandlers(eventMap);
-        this.setState({ index: -1 }, this.fireChangeEvent.bind(this, 'onAfterChange'));
+        this.fireChangeEvent.bind(this, 'onAfterChange');
     }
 
     onMouseMove = e => {
@@ -626,12 +626,8 @@ class ReactSlider extends React.Component {
     }
 
     start(i, position) {
-        const activeEl = document.activeElement;
         const thumbRef = this[`thumb${i}`];
-        // if activeElement is body window will lost focus in IE9
-        if (activeEl && activeEl !== document.body && activeEl !== thumbRef && activeEl.blur) {
-            activeEl.blur();
-        }
+        thumbRef.focus();
 
         this.hasMoved = false;