Merge pull request #126 from indec-it/refactor/preventChanges

refactor: fix when press enter and change data with mousewheel
indec-it · Aug 19, 2024 · a7f9609 · a7f9609
2 parents d90e198 + 2f9fdef
commit a7f9609
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/FormBuilder/FormBuilder.js b/src/components/FormBuilder/FormBuilder.js
@@ -60,6 +60,12 @@ function FormBuilder({
     onPrevious(values);
   };
 
+  const handleKeyDown = keyEvent => {
+    if ((keyEvent.charCode || keyEvent.keyCode) === 13) {
+      keyEvent.preventDefault();
+    }
+  };
+
   return (
     <FormProvider section={transformedSection} sections={sections} initialValues={initialValues}>
       <Formik
@@ -80,7 +86,7 @@ function FormBuilder({
           }, [values, onChange, position]);
 
           return (
-            <Form>
+            <Form onKeyDown={handleKeyDown}>
               <FieldArray
                 name={section.name}
                 render={sectionHelpers =>

diff --git a/src/components/TextField/TextField.js b/src/components/TextField/TextField.js
@@ -48,6 +48,7 @@ function TextField({form, field, placeholder, label, disabled, tooltip, warnings
         disabled={disabled}
         multiline={multiline}
         rows={multiline ? 2 : 1}
+        onWheel={e => e.target.blur()}
       />
       <FieldMessage warnings={warnings} form={form} field={field} disabled={disabled} />
     </Box>