From bc9ae12683d897220791ef04b307f774ceca1158 Mon Sep 17 00:00:00 2001
From: olav <mail@olav.io>
Date: Mon, 14 Mar 2022 10:24:39 +0100
Subject: [PATCH] refactor: fix form submission avoidance on add constraint
 (#783)

---
 .../FreeTextInput/FreeTextInput.tsx                        | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/FreeTextInput/FreeTextInput.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/FreeTextInput/FreeTextInput.tsx
index effe9c56ca..79e5d07989 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/FreeTextInput/FreeTextInput.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/FreeTextInput/FreeTextInput.tsx
@@ -55,10 +55,9 @@ export const FreeTextInput = ({
     const [inputValues, setInputValues] = useState('');
     const styles = useStyles();
 
-    const onKeyDown = (event: React.KeyboardEvent) => {
-        event.stopPropagation();
-
+    const onKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {
         if (event.key === ENTER) {
+            event.preventDefault();
             addValues();
         }
     };
@@ -91,7 +90,7 @@ export const FreeTextInput = ({
             <div className={styles.inputContainer}>
                 <div className={styles.inputInnerContainer}>
                     <Input
-                        onKeyDown={onKeyDown}
+                        onKeyPress={onKeyPress}
                         label="Values"
                         name="values"
                         value={inputValues}