[fix] add timeout to Form's onBlur method to prevent focus losing whe…

…n toggling checkboxes
spatocode · Mar 23, 2023 · 5deed50 · 5deed50
1 parent fb90cd8
commit 5deed50
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Form.js b/src/components/Form.js
@@ -281,8 +281,10 @@ class Form extends React.Component {
                 value: this.state.inputValues[inputID],
                 errorText: this.state.errors[inputID] || fieldErrorMessage,
                 onBlur: () => {
-                    this.setTouchedInput(inputID);
-                    this.validate(this.state.inputValues);
+                    setTimeout(() => {
+                        this.setTouchedInput(inputID);
+                        this.validate(this.state.inputValues);
+                    }, 100);
                 },
                 onInputChange: (value, key) => {
                     const inputKey = key || inputID;