Prevent default behaviour when validation failed (#31)

moinakmalkhan · MOIN · web-flow · commit cc8b8b2a4564 · 2022-10-10T12:32:19.000+05:30
Co-authored-by: MOIN &lt;moin@Apples-MacBook-Pro.local&gt;
diff --git a/src/index.tsx b/src/index.tsx
@@ -72,6 +72,7 @@ export const TagsInput = ({
     }
 
     if (text && (separators || defaultSeparators).includes(e.key)) {
+      e.preventDefault();
       if (beforeAddValidate && !beforeAddValidate(text, tags)) return;
 
       if (tags.includes(text)) {
@@ -80,7 +81,6 @@ export const TagsInput = ({
       }
       setTags([...tags, text]);
       e.target.value = "";
-      e.preventDefault();
     }
   };
 

Original file line number	Diff line number	Diff line change
`@@ -72,6 +72,7 @@ export const TagsInput = ({`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`if (text && (separators \|\| defaultSeparators).includes(e.key)) {`
	`75`	`+ e.preventDefault();`
`75`	`76`	`if (beforeAddValidate && !beforeAddValidate(text, tags)) return;`
`76`	`77`
`77`	`78`	`if (tags.includes(text)) {`
`@@ -80,7 +81,6 @@ export const TagsInput = ({`
`80`	`81`	`}`
`81`	`82`	`setTags([...tags, text]);`
`82`	`83`	`e.target.value = "";`
`83`		`- e.preventDefault();`
`84`	`84`	`}`
`85`	`85`	`};`
`86`	`86`