fix(InlineEdit): edge case when a field is required with blank spaces

Talend · Dec 23, 2024 · 8523646 · 8523646
1 parent 6734919
commit 8523646
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/ten-paws-love.md b/.changeset/ten-paws-love.md
@@ -0,0 +1,5 @@
+---
+'@talend/design-system': patch
+---
+
+InlineEdit - Fix been able to submit field when required and having blank spaces
diff --git a/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.tsx b/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.tsx
@@ -140,7 +140,7 @@ const InlineEditingPrimitive = forwardRef(
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 		const getValue = () => (onChangeValue ? value : internalValue);
 		const inputIsValid = () => {
-			return !required || !!getValue();
+			return !required || !!getValue()?.trim();
 		};
 
 		const toggleEditionMode = (isEditionMode: boolean) => {