From f6eb572a1484c0ead17ffc464dc281cc1fc4c93c Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Thu, 24 Apr 2025 12:19:03 +0200
Subject: [PATCH] Prevent legal value selection from triggering form submit
 (#9831)

Use event.preventDefault to prevent the app from trying to submit the
legal values (or the strategy) form when you hit "enter" in the legal
values filter input.
---
 .../RestrictiveLegalValues/RestrictiveLegalValues.tsx            | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/RestrictiveLegalValues/RestrictiveLegalValues.tsx b/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/RestrictiveLegalValues/RestrictiveLegalValues.tsx
index a67ec83795..3d164a7f8b 100644
--- a/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/RestrictiveLegalValues/RestrictiveLegalValues.tsx
+++ b/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/RestrictiveLegalValues/RestrictiveLegalValues.tsx
@@ -159,6 +159,7 @@ export const RestrictiveLegalValues = ({
 
     const handleSearchKeyDown = (event: React.KeyboardEvent) => {
         if (event.key === 'Enter' && filteredValues.length > 0) {
+            event.preventDefault();
             const firstValue = filteredValues[0].value;
             onChange(firstValue);
         }