diff --git a/src/components/Form.js b/src/components/Form.js index 116179b46d4a..633a93dfaef2 100644 --- a/src/components/Form.js +++ b/src/components/Form.js @@ -281,8 +281,13 @@ 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); + // We delay the validation in order to prevent Checkbox loss of focus when + // the user are focusing a TextInput and proceeds to toggle a CheckBox in + // web and mobile web platforms. + setTimeout(() => { + this.setTouchedInput(inputID); + this.validate(this.state.inputValues); + }, 200); }, onInputChange: (value, key) => { const inputKey = key || inputID;