[SHOPTIME-3718] Checkout / Terms 팝업 진입 시 탭에 포커스
[수정사항] TButtonTab을 포커스 비활성화 시키는 props 추가
팝업을 열었을때 포커스 로직 추가
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user