[251111] fix: MediaPlayer FullScreen Overlay Focus

🕐 커밋 시간: 2025. 11. 11. 19:14:36

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +9줄
  • 삭제: -7줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v2.jsx

🔧 주요 변경 내용:
  • 코드 정리 및 최적화

com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v2.jsx

@@ -375,18 +375,20 @@ export function ProductVideoV2({
   const handleFullscreenKeyDown = useCallback((e) => {
     if (!isPlaying || !isFullscreen) return;
 
-    if (e.key === 'Enter' || e.keyCode === 13) {
-      console.log('🖥️ [Fullscreen Container] Enter 키 - 토글 실행');
+    // ESC 키만 오버레이 토글로 처리
+    if (e.key === 'Escape' || e.keyCode === 27) {
+      console.log('🖥️ [Fullscreen Container] ESC 키 - 오버레이 토글 실행');
       e.preventDefault();
       e.stopPropagation();
       toggleOverlayVisibility();
+      return;
     }
 
-    if (e.key === 'Escape' || e.keyCode === 27) {
-      console.log('🖥️ [Fullscreen Container] ESC 키 - 토글 실행');
-      e.preventDefault();
-      e.stopPropagation();
-      toggleOverlayVisibility();
+    // Enter 키는 기본 동작 허용 (포커스된 요소의 동작 수행)
+    if (e.key === 'Enter' || e.keyCode === 13) {
+      console.log('🖥️ [Fullscreen Container] Enter 키 - 포커스된 요소 동작 허용');
+      // Enter 키는 preventDefault하지 않고 기본 동작 허용
+      return;
     }
   }, [isPlaying, isFullscreen, toggleOverlayVisibility]);