From 03959dd3f7b3e8b8ec1b9b3d14fb15bda231f50d Mon Sep 17 00:00:00 2001
From: Saksham <sakshamarora1001@gmail.com>
Date: Mon, 3 Nov 2025 14:44:07 +0100
Subject: [PATCH] fix(BaseForm): Prevent Enter key from submitting form * Also,
 prevents deletions of other GroupFields because of the close button being
 triggered on Enter key press for some reason

---
 src/lib/forms/BaseForm/BaseForm.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/forms/BaseForm/BaseForm.js b/src/lib/forms/BaseForm/BaseForm.js
index 9d8994df..53073b96 100644
--- a/src/lib/forms/BaseForm/BaseForm.js
+++ b/src/lib/forms/BaseForm/BaseForm.js
@@ -11,11 +11,18 @@ import { Formik } from "formik";
 import { Form } from "semantic-ui-react";
 
 export class BaseForm extends Component {
+  handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      // Prevent enter key from propagating events to other elements and from submitting the form
+      event.preventDefault();
+    }
+  }
+
   render() {
     const { formik, onSubmit, children } = this.props;
     return (
       <Formik onSubmit={onSubmit} {...formik}>
-        <Form>{children}</Form>
+        <Form onKeyDown={this.handleKeyDown}>{children}</Form>
       </Formik>
     );
   }