added fix

CDCgov · Feb 18, 2025 · f7ac0aa · f7ac0aa
1 parent fd805a6
commit f7ac0aa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/frontend/src/app/testQueue/addToQueue/AddToQueueSearch.tsx b/frontend/src/app/testQueue/addToQueue/AddToQueueSearch.tsx
@@ -180,6 +180,7 @@ const AddToQueueSearchBox = ({
         disabled={!allowQuery}
         placeholder={`Search for a ${PATIENT_TERM} to start their test`}
         showSubmitButton={false}
+        disableEnterSubmit={true}
       />
       <SearchResults
         page="queue"

diff --git a/frontend/src/app/testQueue/addToQueue/SearchInput.tsx b/frontend/src/app/testQueue/addToQueue/SearchInput.tsx
@@ -20,6 +20,7 @@ type Props = {
   showSubmitButton?: boolean;
   labeledBy?: string;
   dataCy?: string;
+  disableEnterSubmit?: boolean;
 };
 
 const SearchInput = ({
@@ -34,6 +35,7 @@ const SearchInput = ({
   showSubmitButton = true,
   labeledBy,
   dataCy,
+  disableEnterSubmit = false,
 }: Props) => {
   const classes = classnames(
     "usa-search",
@@ -49,9 +51,14 @@ const SearchInput = ({
     }
   }, [focusOnMount]);
 
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    if (disableEnterSubmit) {
+      e.preventDefault();
+    }
+  };
   return (
     <div className={classnames("prime-search-container", className)}>
-      <form className={classes} role="search">
+      <form className={classes} role="search" onSubmit={handleSubmit}>
         <label
           className={label ? "display-block" : "usa-sr-only"}
           htmlFor="search-field-small"