[SHOPTIME-3718] Checkout / Terms 팝업 진입 시 탭에 포커스

[수정사항] TButtonTab을 포커스 비활성화 시키는 props 추가
         팝업을 열었을때 포커스 로직 추가
This commit is contained in:
고동영
2025-01-10 16:54:19 +09:00
parent 157e659d77
commit 8db5b842e4
2 changed files with 4 additions and 1 deletions

View File

@@ -39,6 +39,7 @@ export default function TButtonTab({
colorType = COLOR_TYPE.white, colorType = COLOR_TYPE.white,
spotlightId, spotlightId,
onSpotlightLeft, onSpotlightLeft,
spotlightDisabled,
scrollTop, scrollTop,
...rest ...rest
}) { }) {
@@ -98,6 +99,7 @@ export default function TButtonTab({
onFocus={handleScrollReset} onFocus={handleScrollReset}
onBlur={handleStopScrolling} onBlur={handleStopScrolling}
ariaLabel={ariaLabelText} ariaLabel={ariaLabelText}
spotlightDisabled={spotlightDisabled}
> >
{item} {item}
</TButtonTabItem> </TButtonTabItem>

View File

@@ -238,7 +238,7 @@ export default function CheckOutPanel({ panelInfo }) {
setCurrentTerms(selectedTerms); setCurrentTerms(selectedTerms);
dispatch(setShowPopup(Config.ACTIVE_POPUP.termsPopup)); dispatch(setShowPopup(Config.ACTIVE_POPUP.termsPopup));
Spotlight.focus("spotlightId_TbuttonScrollerDown");
const selectedIndex = empTermsData.findIndex( const selectedIndex = empTermsData.findIndex(
(term) => term.termsID === termsID (term) => term.termsID === termsID
); );
@@ -362,6 +362,7 @@ export default function CheckOutPanel({ panelInfo }) {
selectedIndex={selectedTabIndex} selectedIndex={selectedTabIndex}
onItemClick={handleTabClick} onItemClick={handleTabClick}
contents={tabList} contents={tabList}
spotlightDisabled={true}
role="button" role="button"
/> />
<TButtonScroller <TButtonScroller