- Disable check() when Tab is pressed onKeyUp in <Textbox/> and <Textarea/>

Author: Edward Xiao

lib/components/Textarea.js

@@ -242,7 +242,13 @@ var component = function component(_ref) {
   }, []);
   var handleOnKeyUp = useCallback(function (e) {
     if (onKeyUp) {
-      check();
+      var keyCode = e.keyCode;
+      var keyCodeTab = 9;
+
+      if (keyCode !== keyCodeTab) {
+        check();
+      }
+
       onKeyUp(e);
     }
   }, [internalValue]);

lib/components/Textbox.js

@@ -266,7 +266,13 @@ var component = function component(_ref) {
   }, []);
   var handleOnKeyUp = useCallback(function (e) {
     if (onKeyUp) {
-      check();
+      var keyCode = e.keyCode;
+      var keyCodeTab = 9;
+
+      if (keyCode !== keyCodeTab) {
+        check();
+      }
+
       onKeyUp(e);
     }
   }, [internalValue]);

lib/react-inputs-validation.js

@@ -1,6 +1,6 @@
 {
   "name": "react-inputs-validation",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "description": "React form input validation components",
   "main": "index.js",
   "repository": {

lib/react-inputs-validation.js.map

@@ -163,7 +163,11 @@ const component: React.FC<Props> = ({
   const handleOnKeyUp = useCallback(
     (e: React.KeyboardEvent<HTMLElement>) => {
       if (onKeyUp) {
-        check();
+        const { keyCode } = e;
+        const keyCodeTab = 9;
+        if (keyCode !== keyCodeTab) {
+          check();
+        }
         onKeyUp(e);
       }
     },

lib/react-inputs-validation.min.js

@@ -183,7 +183,11 @@ const component: React.FC<Props> = ({
   const handleOnKeyUp = useCallback(
     (e: React.KeyboardEvent<HTMLElement>) => {
       if (onKeyUp) {
-        check();
+        const { keyCode } = e;
+        const keyCodeTab = 9;
+        if (keyCode !== keyCodeTab) {
+          check();
+        }
         onKeyUp(e);
       }
     },