Fix issue where pressing Enter in text wait code overlay would cause …

…project to show "Loading" message
chrismaltby · Nov 11, 2024 · 85d1cf7 · 85d1cf7
1 parent c53b124
commit 85d1cf7
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/forms/TextWaitTimeSelect.tsx b/src/components/forms/TextWaitTimeSelect.tsx
@@ -64,8 +64,13 @@ export const TextWaitTimeSelect = ({
     [debouncedLeave]
   );
 
+  const blockSubmit = useCallback((e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+
   return (
-    <Form onFocus={onFocus} onBlur={onFocusOut}>
+    <Form onFocus={onFocus} onBlur={onFocusOut} onSubmit={blockSubmit}>
       <FormRow>
         <FormField
           name="replaceWaitTime"
@@ -86,7 +91,10 @@ export const TextWaitTimeSelect = ({
             id="replaceWaitTime"
             value={value}
             onChange={(e) => {
-              const value = ensureNumber(parseFloat(e.currentTarget.value), 0);
+              const value = Math.max(
+                0,
+                ensureNumber(parseFloat(e.currentTarget.value), 0)
+              );
               onChange(value);
             }}
             autoFocus