[FE][Feat] : 검색창에서 이벤트 버블링 방지

boostcampwm-2024 · Dec 5, 2024 · 07f7f79 · 07f7f79
1 parent 565efcf
commit 07f7f79
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/src/component/searchbox/SearchBox.tsx b/frontend/src/component/searchbox/SearchBox.tsx
@@ -147,7 +147,13 @@ export const SearchBox = (props: ISearchBoxProps) => {
   };
 
   return (
-    <div className="absolute top-2 z-[6000] w-full px-2">
+    <div
+      className="absolute top-2 z-[6000] w-full px-2"
+      onTouchMove={e => {
+        e.stopPropagation();
+        e.preventDefault();
+      }}
+    >
       {/* 검색 입력 */}
       <div className="border-grayscale-75 text-grayscale-400 flex h-11 w-full rounded border bg-white px-3">
         <input