Only validate the new category dialog when enabling the top level toggle

Automattic · Apr 20, 2018 · 5822b64 · 5822b64
1 parent 58ce792
commit 5822b64
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/client/blocks/term-form-dialog/index.jsx b/client/blocks/term-form-dialog/index.jsx
@@ -87,12 +87,14 @@ class TermFormDialog extends Component {
 	};
 
 	onTopLevelChange = () => {
+		// Only validate the form when **enabling** the top level toggle.
+		const performValidation = ! this.state.isTopLevel ? this.isValid : noop;
 		this.setState(
-			{
-				isTopLevel: ! this.state.isTopLevel,
+			( { isTopLevel } ) => ( {
+				isTopLevel: ! isTopLevel,
 				selectedParent: [],
-			},
-			this.isValid
+			} ),
+			performValidation
 		);
 	};