diff --git a/com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.v2.jsx b/com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.v2.jsx index 3852f1ef..505d4fcd 100644 --- a/com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.v2.jsx +++ b/com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.v2.jsx @@ -1804,9 +1804,14 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) { clearTimeout(unifiedFocusTimerRef.current); } - // 🎯 DETAIL_PANEL_RETURN 시나리오에서는 더 빠른 포커스 복원 (50ms) + // 🎯 [포커스 충돌 해결] 우선순위가 높은 시나리오에서는 빠른 포커스 전환 (50ms) + // DETAIL_PANEL_RETURN: DetailPanel에서 복귀 시 빠른 포커스 복원 + // NEW_SEARCH_LOADED: 음성 검색 결과 로드 시 VoiceInputOverlay와 충돌 방지 // 다른 시나리오에서는 기존과 같은 지연 시간 (100ms) - const focusDelay = scenario === 'DETAIL_PANEL_RETURN' ? 50 : 100; + const focusDelay = + scenario === 'DETAIL_PANEL_RETURN' || scenario === 'NEW_SEARCH_LOADED' + ? 50 + : 100; unifiedFocusTimerRef.current = setTimeout(() => { const targetElement = document.querySelector(`[data-spotlight-id="${targetId}"]`); @@ -2237,6 +2242,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) { isVoiceResultMode={currentMode === SEARCH_PANEL_MODES.VOICE_RESULT} externalResponseText={voiceOverlayResponseText} isExternalBubbleSearch={isVoiceOverlayBubbleSearch} + shopperHouseData={shopperHouseData} // 🎯 [포커스 충돌 해결] 음성 검색 결과 데이터 전달 /> {/* ✨ [Phase 2] Search Input Overlay - isVisible 감지로 전환 자동 감지 */} diff --git a/com.twin.app.shoptime/src/views/SearchPanel/VoiceInputOverlay/VoiceInputOverlay.jsx b/com.twin.app.shoptime/src/views/SearchPanel/VoiceInputOverlay/VoiceInputOverlay.jsx index 4311a91f..c04658bd 100644 --- a/com.twin.app.shoptime/src/views/SearchPanel/VoiceInputOverlay/VoiceInputOverlay.jsx +++ b/com.twin.app.shoptime/src/views/SearchPanel/VoiceInputOverlay/VoiceInputOverlay.jsx @@ -147,6 +147,7 @@ const VoiceInputOverlay = ({ isVoiceResultMode = false, externalResponseText = '', isExternalBubbleSearch = false, + shopperHouseData = null, // 🎯 [포커스 충돌 해결] 음성 검색 결과 데이터 }) => { if (DEBUG_MODE) { console.log('🔄 [DEBUG] VoiceInputOverlay render - isVisible:', isVisible, 'mode:', mode); @@ -1164,9 +1165,11 @@ const VoiceInputOverlay = ({ setVoiceInputMode(null); setCurrentMode(VOICE_MODES.PROMPT); - // VoiceInputOverlay를 통한 음성 검색 후에는 TInput으로 포커스 복원하지 않음 - // SearchResults의 첫 번째 상품으로 포커스가 가도록 함 - if (lastFocusedElement.current && !isVoiceResultMode) { + // 🎯 [포커스 충돌 해결] VoiceInputOverlay를 통한 음성 검색 후에는 TInput으로 포커스 복원하지 않음 + // SearchResults의 첫 번째 상품으로 포커스가 가도록 SearchPanel에 위임 + // shopperHouseData가 있으면 (음성 검색 결과가 있으면) 포커스 복원하지 않음 + const hasVoiceSearchResult = shopperHouseData && shopperHouseData.results && shopperHouseData.results.length > 0; + if (lastFocusedElement.current && !isVoiceResultMode && !hasVoiceSearchResult) { focusRestoreTimerRef.current = setTimeout(() => { Spotlight.focus(lastFocusedElement.current); }, 100);