Fix issue with a ghost caret blinking in the end of the input on andr…

…oid (text-mask#460)
rlopes-fixeads · Mar 20, 2017 · 6e47639 · 6e47639
1 parent 31f9cf9
commit 6e47639
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -23,7 +23,8 @@
     "dynamicTests": true,
     "isVerify": true,
     "sinon": true,
-    "getLineNumber": true
+    "getLineNumber": true,
+    "requestAnimationFrame": true
   },
   "plugins": [
     "react",

diff --git a/core/src/createTextMaskInputElement.js b/core/src/createTextMaskInputElement.js
@@ -8,6 +8,7 @@ const emptyString = ''
 const strNone = 'none'
 const strObject = 'object'
 const isAndroid = typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent)
+const defer = typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame : setTimeout
 
 export default function createTextMaskInputElement(config) {
   // Anything that we will need to keep between `update` calls, we will store in this `state` object.
@@ -172,7 +173,7 @@ export default function createTextMaskInputElement(config) {
 function safeSetSelection(element, selectionPosition) {
   if (document.activeElement === element) {
     if (isAndroid) {
-      setTimeout(() => element.setSelectionRange(selectionPosition, selectionPosition, strNone), 0)
+      defer(() => element.setSelectionRange(selectionPosition, selectionPosition, strNone), 0)
     } else {
       element.setSelectionRange(selectionPosition, selectionPosition, strNone)
     }