[Tscrolldetail] 상세에서 오른쪽 스크롤 포커스 가지않도록 변경.

- focusableScrollbar를 false 로 강제로 줌.
This commit is contained in:
junghoon86.park
2025-12-16 12:22:30 +09:00
parent bbb9e64120
commit 8325070138

View File

@@ -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 classNames from 'classnames';
import { useSelector } from 'react-redux'; 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 { Job } from '@enact/core/util';
import Scroller from '@enact/sandstone/Scroller'; import Scroller from '@enact/sandstone/Scroller';
import Spotlight from '@enact/spotlight'; import Spotlight from '@enact/spotlight';
import AutoScrollAreaDetail, { POSITION } from '../AutoScrollAreaDetail/AutoScrollAreaDetail'; import AutoScrollAreaDetail, {
POSITION,
} from '../AutoScrollAreaDetail/AutoScrollAreaDetail';
import css from './TScrollerDetail.module.less'; import css from './TScrollerDetail.module.less';
/** /**
@@ -206,7 +218,8 @@ const TScrollerDetail = forwardRef(
onScrollStop={_onScrollStop} onScrollStop={_onScrollStop}
onScroll={_onScroll} onScroll={_onScroll}
scrollMode={scrollMode || 'translate'} scrollMode={scrollMode || 'translate'}
focusableScrollbar={focusableScrollbar} // focusableScrollbar={focusableScrollbar}
focusableScrollbar={false}
className={classNames(isMounted && css.tScroller, noScrollByWheel && css.preventScroll)} className={classNames(isMounted && css.tScroller, noScrollByWheel && css.preventScroll)}
direction={direction} direction={direction}
horizontalScrollbar={horizontalScrollbar} horizontalScrollbar={horizontalScrollbar}
@@ -220,7 +233,7 @@ const TScrollerDetail = forwardRef(
}} }}
noScrollByWheel={noScrollByWheel} noScrollByWheel={noScrollByWheel}
noScrollByDrag noScrollByDrag
// rest props에서 ref만 제외하고 전달 // rest props에서 ref만 제외하고 전달
{...(rest.ref ? { ...rest, ref: undefined } : rest)} {...(rest.ref ? { ...rest, ref: undefined } : rest)}
> >
{children} {children}