From 4ebbb773dbd6398c83bdb93409cf99b7ec517afe Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Sat, 15 Nov 2025 23:03:44 +0900
Subject: [PATCH] [251115] fix: DetailPanel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🕐 커밋 시간: 2025. 11. 15. 23:03:44

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +20줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx (javascript):
    🔄 Modified: getDurFmt()

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
---
 .../components/VideoPlayer/MediaPlayer.v2.jsx | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx b/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx
index 19f1fe78..cf755067 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx
+++ b/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx
@@ -28,6 +28,7 @@ import Spotlight from '@enact/spotlight';
 import { SpotlightContainerDecorator } from '@enact/spotlight/SpotlightContainerDecorator';
 import { Spottable } from '@enact/spotlight/Spottable';
 import Touchable from '@enact/ui/Touchable';
+import { is } from '@enact/core/keymap';
 
 import Loader from '../Loader/Loader';
 import { MediaSlider, Times, secondsToTime } from '../MediaPlayer';
@@ -595,6 +596,24 @@ const MediaPlayerV2 = forwardRef((props, ref) => {
   const shouldDisableControls = disabled || isModal;
   const shouldDisableSpotlight = spotlightDisabled || isModal;
 
+  const handleModalArrowDown = useCallback(
+    (ev) => {
+      if (!isModal) {
+        return;
+      }
+      if (
+        is('down', ev.keyCode) ||
+        is('up', ev.keyCode) ||
+        is('left', ev.keyCode) ||
+        is('right', ev.keyCode)
+      ) {
+        ev.preventDefault();
+        ev.stopPropagation();
+      }
+    },
+    [isModal]
+  );
+
   return (
     <RootContainer
       className={classNames(
@@ -608,6 +627,7 @@ const MediaPlayerV2 = forwardRef((props, ref) => {
       spotlightDisabled={shouldDisableSpotlight}
       spotlightId={spotlightId}
       style={containerStyle}
+      onKeyDownCapture={handleModalArrowDown}
     >
       {/* Video Element */}
       {ActualVideoComponent === Media ? (