feat: 검색 자동완성 리스트에 ref 추가

woowacourse-teams · Aug 14, 2023 · 001b266 · 001b266
1 parent 599a1f9
commit 001b266
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/frontend/src/components/Search/RecommendList/RecommendList.tsx b/frontend/src/components/Search/RecommendList/RecommendList.tsx
@@ -28,15 +28,18 @@ const RecommendList = ({ searchQuery }: RecommendListProps) => {
   }
 
   return (
-    <RecommendListContainer>
-      {products.map(({ id, name, categoryType }) => (
-        <li key={id}>
-          <Link as={RouterLink} to={`${PATH.PRODUCT_LIST}/${categoryType}/${id}`} block>
-            <MarkedText text={name} mark={searchQuery} />
-          </Link>
-        </li>
-      ))}
-    </RecommendListContainer>
+    <>
+      <RecommendListContainer>
+        {products.map(({ id, name, categoryType }) => (
+          <li key={id}>
+            <Link as={RouterLink} to={`${PATH.PRODUCT_LIST}/${categoryType}/${id}`} block>
+              <MarkedText text={name} mark={searchQuery} />
+            </Link>
+          </li>
+        ))}
+      </RecommendListContainer>
+      <div ref={scrollRef} aria-hidden />
+    </>
   );
 };