fix: 가로 스크롤 클릭 탈출 오류 수정 (#1211)

sopt-makers · Nov 29, 2023 · 7b15f78 · 7b15f78
1 parent 667c67c
commit 7b15f78
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/common/HorizontalScroller/index.tsx b/src/components/common/HorizontalScroller/index.tsx
@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { colors } from '@sopt-makers/colors';
-import { forwardRef, ReactNode, useEffect, useRef, useState } from 'react';
+import { forwardRef, MouseEvent, ReactNode, useEffect, useRef, useState } from 'react';
 
 interface HorizontalScrollerProps {
   className?: string;
@@ -58,7 +58,9 @@ const HorizontalScroller = forwardRef<HTMLDivElement, HorizontalScrollerProps>(
       };
     }, []);
 
-    function scrollLeft() {
+    function scrollLeft(e: MouseEvent) {
+      e.preventDefault();
+
       const scrollWidth = containerRef?.current?.clientWidth ?? 0;
 
       containerRef.current?.scrollBy({
@@ -67,7 +69,9 @@ const HorizontalScroller = forwardRef<HTMLDivElement, HorizontalScrollerProps>(
       });
     }
 
-    function scrollRight() {
+    function scrollRight(e: MouseEvent) {
+      e.preventDefault();
+
       const scrollWidth = containerRef?.current?.clientWidth ?? 0;
 
       containerRef.current?.scrollBy({