[ISSUE-283] Fix firefox default glow issue

nosir · Jan 13, 2018 · f181d39 · f181d39
1 parent 77ed2dc
commit f181d39
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/Cleave.js b/src/Cleave.js
@@ -57,7 +57,11 @@ Cleave.prototype = {
         owner.initDateFormatter();
         owner.initNumeralFormatter();
 
-        owner.onInput(pps.initValue);
+        // avoid touch input field if value is null
+        // otherwise Firefox will add red box-shadow for <input required />
+        if (pps.initValue || (pps.prefix && !pps.noImmediatePrefix)) {
+            owner.onInput(pps.initValue);
+        }
     },
 
     initNumeralFormatter: function () {

diff --git a/src/Cleave.react.js b/src/Cleave.react.js
@@ -93,7 +93,11 @@ var Cleave = CreateReactClass({
         owner.initDateFormatter();
         owner.initNumeralFormatter();
 
-        owner.onInput(pps.initValue);
+        // avoid touch input field if value is null
+        // otherwise Firefox will add red box-shadow for <input required />
+        if (pps.initValue || (pps.prefix && !pps.noImmediatePrefix)) {
+            owner.onInput(pps.initValue);
+        }
 
         owner.registeredEvents.onInit(owner);
     },