diff --git a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx index 1d68f94b..7e212528 100644 --- a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx +++ b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.jsx @@ -53,7 +53,7 @@ import { types } from "../../actions/actionTypes"; import { focusById } from "../../utils/spotlight-utils"; const Container = SpotlightContainerDecorator( - { enterTo: "last-focused" }, + { enterTo: "#selectAllCheckbox" }, "div", ); @@ -845,26 +845,21 @@ function IntroPanelWithOptional({ //20250903 pjh //selectAll에서 포커스 올렸을때 처리 변경. const onSelectAllSpotlightUp = () => { - const focusTimer = setTimeout(() => { - Spotlight.focus("optionalCheckbox"); + setTimeout(() => { + focusById("optionalCheckbox"); }, 10); - return () => { - clearTimeout(focusTimer); - }; + // focusById("optionalCheckbox"); }; //Optional terms 체크박스가 체크가 되어있을때 아래로 내리면(3개전부 체크기준) agree로 가고, 아닐경우 select all로 포커스이동해야함. const onOptionalTermSpotlightDown = () => { - const focusTimer = setTimeout(() => { + setTimeout(() => { if (termsChecked && privacyChecked && optionalChecked) { - Spotlight.focus("agreeButton"); + focusById("agreeButton"); } else { - Spotlight.focus("selectAllCheckbox"); + focusById("selectAllCheckbox"); } }, 10); - return () => { - clearTimeout(focusTimer); - }; }; // useEffect(() => { @@ -905,7 +900,7 @@ function IntroPanelWithOptional({ handleCancel={onCancel} spotlightId={spotlightId} > - + {/* 첫 번째 영역: 헤더 섹션 */}