Merge pull request #1 from sayrhino/fix-focus-issues

Fix focus issues

Author: slavakisel

src/index.js

@@ -13,6 +13,7 @@ class CurrencyInput extends Component {
         this.prepareProps = this.prepareProps.bind(this);
         this.handleChange = this.handleChange.bind(this);
         this.handleFocus = this.handleFocus.bind(this);
+        this.setSelectionRange = this.setSelectionRange.bind(this);
         this.state = this.prepareProps(this.props);
 
         this.inputSelectionStart = 0;
@@ -120,7 +121,7 @@ class CurrencyInput extends Component {
         let selectionEnd = Math.min(node.selectionEnd, this.theInput.value.length - this.props.suffix.length);
         let selectionStart = Math.min(node.selectionStart, selectionEnd);
         //console.log("normal", selectionStart, selectionEnd);
-        node.setSelectionRange(selectionStart, selectionEnd);
+        this.setSelectionRange(node, selectionStart, selectionEnd);
 
     }
 
@@ -171,12 +172,25 @@ class CurrencyInput extends Component {
             selectionStart = selectionEnd;
         }
 
-        node.setSelectionRange(selectionStart, selectionEnd);
+        this.setSelectionRange(node, selectionStart, selectionEnd);
         this.inputSelectionStart = selectionStart;
         this.inputSelectionEnd = selectionEnd;
     }
 
 
+    /**
+     * Set selection range only if input is in focused state
+     * @param node DOMElement
+     * @param start number
+     * @param end number
+     */
+    setSelectionRange(node, start, end) {
+        if (document.activeElement === node) {
+            node.setSelectionRange(start, end);
+        }
+    }
+
+
     /**
      * onChange Event Handler
      * @param event