diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx index d2ef0eec..aace37b5 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx @@ -322,12 +322,17 @@ export default function ProductAllSection({ if (!container) return; if (typeof container.scrollTo === 'function') { scrollTop({ y: 0, animate: true }); - const timeOut = setTimeout(()=>{ - Spotlight.focus("product-detail-container-0"); + setTimeout(()=>{ + if(hasVideo){ + Spotlight.focus("product-video-player"); + } else { + Spotlight.focus("product-detail-container-0"); + } },100); } }, [ - scrollTop + scrollTop, + hasVideo ]); useEffect(() => { @@ -1784,7 +1789,7 @@ export default function ProductAllSection({ id="product-details-section" ref={productDetailRef} onFocus={() => handleButtonFocus('product')} - onBlur={handleButtonBlur} + onBlur={handleButtonBlur} > {/* 비디오가 있으면 먼저 렌더링 (productVideoVersion이 3이 아닐 때만) */} {hasVideo && renderItems[0].type === 'video' && productVideoVersion !== 3 && (