[Issue-143] Fix Android browser cursor not jumping issue

bower.json

@@ -8,7 +8,7 @@
     "form",
     "input"
   ],
-  "version": "0.7.14",
+  "version": "0.7.15",
   "author": {
     "name": "Max Huang",
     "email": "[email protected]",

dist/cleave-angular.js

@@ -93,6 +93,8 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);
 
+	        owner.isAndroid = Cleave.Util.isAndroid();
+
 	        owner.onChangeListener = owner.onChange.bind(owner);
 	        owner.onKeyDownListener = owner.onKeyDown.bind(owner);
 	        owner.onCutListener = owner.onCut.bind(owner);
@@ -320,6 +322,16 @@ return /******/ (function(modules) { // webpackBootstrap
 	    updateValueState: function () {
 	        var owner = this;
 
+	        // fix Android browser type="text" input field
+	        // cursor not jumping issue
+	        if (owner.isAndroid) {
+	            window.setTimeout(function () {
+	                owner.element.value = owner.properties.result;
+	            }, 1);
+
+	            return;
+	        }
+
 	        owner.element.value = owner.properties.result;
 	    },
 
@@ -863,6 +875,14 @@ return /******/ (function(modules) { // webpackBootstrap
 	        });
 
 	        return result;
+	    },
+
+	    isAndroid: function () {
+	        if (navigator && /android/i.test(navigator.userAgent)) {
+	            return true;
+	        }
+
+	        return false;
 	    }
 	};
 

dist/cleave-react.js

@@ -134,6 +134,8 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	        pps.maxLength = Util.getMaxLength(pps.blocks);
 
+	        owner.isAndroid = Util.isAndroid();
+
 	        owner.initPhoneFormatter();
 	        owner.initDateFormatter();
 	        owner.initNumeralFormatter();
@@ -348,7 +350,17 @@ return /******/ (function(modules) { // webpackBootstrap
 	    },
 
 	    updateValueState: function updateValueState() {
-	        this.setState({ value: this.properties.result });
+	        var owner = this;
+
+	        if (owner.isAndroid) {
+	            window.setTimeout(function () {
+	                owner.setState({ value: owner.properties.result });
+	            }, 1);
+
+	            return;
+	        }
+
+	        owner.setState({ value: owner.properties.result });
 	    },
 
 	    render: function render() {
@@ -842,6 +854,14 @@ return /******/ (function(modules) { // webpackBootstrap
 	        });
 
 	        return result;
+	    },
+
+	    isAndroid: function isAndroid() {
+	        if (navigator && /android/i.test(navigator.userAgent)) {
+	            return true;
+	        }
+
+	        return false;
 	    }
 	};
 

dist/cleave.js

@@ -93,6 +93,8 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);
 
+	        owner.isAndroid = Cleave.Util.isAndroid();
+
 	        owner.onChangeListener = owner.onChange.bind(owner);
 	        owner.onKeyDownListener = owner.onKeyDown.bind(owner);
 	        owner.onCutListener = owner.onCut.bind(owner);
@@ -320,6 +322,16 @@ return /******/ (function(modules) { // webpackBootstrap
 	    updateValueState: function () {
 	        var owner = this;
 
+	        // fix Android browser type="text" input field
+	        // cursor not jumping issue
+	        if (owner.isAndroid) {
+	            window.setTimeout(function () {
+	                owner.element.value = owner.properties.result;
+	            }, 1);
+
+	            return;
+	        }
+
 	        owner.element.value = owner.properties.result;
 	    },
 
@@ -863,6 +875,14 @@ return /******/ (function(modules) { // webpackBootstrap
 	        });
 
 	        return result;
+	    },
+
+	    isAndroid: function () {
+	        if (navigator && /android/i.test(navigator.userAgent)) {
+	            return true;
+	        }
+
+	        return false;
 	    }
 	};
 

package.json

@@ -10,7 +10,7 @@
     "form",
     "input"
   ],
-  "version": "0.7.14",
+  "version": "0.7.15",
   "author": {
     "name": "Max Huang",
     "url": "http://github.com/nosir",

src/Cleave.js

@@ -37,6 +37,8 @@ Cleave.prototype = {
 
         pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);
 
+        owner.isAndroid = Cleave.Util.isAndroid();
+
         owner.onChangeListener = owner.onChange.bind(owner);
         owner.onKeyDownListener = owner.onKeyDown.bind(owner);
         owner.onCutListener = owner.onCut.bind(owner);
@@ -264,6 +266,16 @@ Cleave.prototype = {
     updateValueState: function () {
         var owner = this;
 
+        // fix Android browser type="text" input field
+        // cursor not jumping issue
+        if (owner.isAndroid) {
+            window.setTimeout(function () {
+                owner.element.value = owner.properties.result;
+            }, 1);
+
+            return;
+        }
+
         owner.element.value = owner.properties.result;
     },
 

src/Cleave.react.js

@@ -66,6 +66,8 @@ var Cleave = React.createClass({
 
         pps.maxLength = Util.getMaxLength(pps.blocks);
 
+        owner.isAndroid = Util.isAndroid();
+
         owner.initPhoneFormatter();
         owner.initDateFormatter();
         owner.initNumeralFormatter();
@@ -286,7 +288,17 @@ var Cleave = React.createClass({
     },
 
     updateValueState: function () {
-        this.setState({value: this.properties.result});
+        var owner = this;
+
+        if (owner.isAndroid) {
+            window.setTimeout(function () {
+                owner.setState({value: owner.properties.result});
+            }, 1);
+
+            return;
+        }
+
+        owner.setState({value: owner.properties.result});
     },
 
     render: function () {

src/utils/Util.js

@@ -101,6 +101,14 @@ var Util = {
         });
 
         return result;
+    },
+
+    isAndroid: function () {
+        if (navigator && /android/i.test(navigator.userAgent)) {
+            return true;
+        }
+
+        return false;
     }
 };