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}