From 8325070138b4a5d5889a526bde5a14c86c14dc90 Mon Sep 17 00:00:00 2001 From: "junghoon86.park" Date: Tue, 16 Dec 2025 12:22:30 +0900 Subject: [PATCH] =?UTF-8?q?[Tscrolldetail]=20=EC=83=81=EC=84=B8=EC=97=90?= =?UTF-8?q?=EC=84=9C=20=EC=98=A4=EB=A5=B8=EC=AA=BD=20=EC=8A=A4=ED=81=AC?= =?UTF-8?q?=EB=A1=A4=20=ED=8F=AC=EC=BB=A4=EC=8A=A4=20=EA=B0=80=EC=A7=80?= =?UTF-8?q?=EC=95=8A=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - focusableScrollbar를 false 로 강제로 줌. --- .../components/TScroller/TScrollerDetail.jsx | 23 +++++++++++++++---- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx index d679315e..2509b26f 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx @@ -1,14 +1,26 @@ -import React, { useCallback, useEffect, useRef, useState, useMemo, forwardRef } from 'react'; +import React, { + forwardRef, + useCallback, + useEffect, + useMemo, + useRef, + useState, +} from 'react'; import classNames from 'classnames'; import { useSelector } from 'react-redux'; -import { off, on } from '@enact/core/dispatcher'; +import { + off, + on, +} from '@enact/core/dispatcher'; import { Job } from '@enact/core/util'; import Scroller from '@enact/sandstone/Scroller'; import Spotlight from '@enact/spotlight'; -import AutoScrollAreaDetail, { POSITION } from '../AutoScrollAreaDetail/AutoScrollAreaDetail'; +import AutoScrollAreaDetail, { + POSITION, +} from '../AutoScrollAreaDetail/AutoScrollAreaDetail'; import css from './TScrollerDetail.module.less'; /** @@ -206,7 +218,8 @@ const TScrollerDetail = forwardRef( onScrollStop={_onScrollStop} onScroll={_onScroll} scrollMode={scrollMode || 'translate'} - focusableScrollbar={focusableScrollbar} + // focusableScrollbar={focusableScrollbar} + focusableScrollbar={false} className={classNames(isMounted && css.tScroller, noScrollByWheel && css.preventScroll)} direction={direction} horizontalScrollbar={horizontalScrollbar} @@ -220,7 +233,7 @@ const TScrollerDetail = forwardRef( }} noScrollByWheel={noScrollByWheel} noScrollByDrag - // rest props에서 ref만 제외하고 전달 + // rest props에서 ref만 제외하고 전달 {...(rest.ref ? { ...rest, ref: undefined } : rest)} > {children}