pressing enter no longer freezes page

hicommonwealth · Dec 2, 2024 · 0021113 · 0021113
1 parent 7aabeeb
commit 0021113
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/...lth/client/scripts/views/components/component_kit/new_designs/CWSearchBar/CWSearchBar.tsx b/...lth/client/scripts/views/components/component_kit/new_designs/CWSearchBar/CWSearchBar.tsx
@@ -84,11 +84,15 @@ export const CWSearchBar: FC<SearchBarProps> = ({
 
   const resetSearchBar = () => setSearchTerm('');
 
-  const handleOnInput = (e: ChangeEvent<HTMLInputElement>) =>
+  const handleOnInput = (e: ChangeEvent<HTMLInputElement>) => {
+    e.stopPropagation();
     setSearchTerm(e.target.value);
+  };
 
   const handleOnKeyUp = (e) => {
+    e.stopPropagation();
     if (e.key === 'Enter') {
+      e.preventDefault();
       handleGoToSearchPage();
 
       if (size === 'small') {
@@ -112,6 +116,7 @@ export const CWSearchBar: FC<SearchBarProps> = ({
   };
 
   const handleOnKeyDown = (e: any) => {
+    e.stopPropagation();
     if (e.key === 'Backspace' && searchTerm.length === 0) {
       setShowTag(false);
     }