From d1f63ee4021f2fceaf438319e3e4adfd8917115f Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Sat, 15 Nov 2025 12:43:37 +0900
Subject: [PATCH] =?UTF-8?q?[251115]=20fix:=20MediaPanel.v3.jsx=20=EB=B9=84?=
 =?UTF-8?q?=EB=94=94=EC=98=A4=EC=9E=AC=EC=83=9D-2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🕐 커밋 시간: 2025. 11. 15. 12:43:36

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

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
  ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx (javascript):
    🔄 Modified: normalizeModalStyle()
---
 .../ProductAllSection.module.less             | 20 +++++++++++++++++++
 .../ProductVideo/ProductVideo.module.less     | 14 +++++++++++++
 .../src/views/MediaPanel/MediaPanel.v3.jsx    |  2 +-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
index f38671ad..e92555e2 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
@@ -489,6 +489,10 @@
   align-items: center !important;
   justify-content: center !important;
   cursor: default !important;
+  user-select: none !important;
+  -webkit-user-select: none !important;
+  caret-color: transparent !important;
+
   &.shopByMobileOne {
     margin: 0 6px 0 0;
   }
@@ -500,11 +504,27 @@
     font-weight: 400 !important;
     line-height: 35px !important;
     text-align: center !important;
+    user-select: none !important;
+    -webkit-user-select: none !important;
+    pointer-events: none !important;
+    caret-color: transparent !important;
+  }
+
+  // Marquee와 내부 요소들의 커서 숨김
+  .marquee,
+  .marquee > div,
+  .marquee > div > div,
+  .text {
+    user-select: none !important;
+    -webkit-user-select: none !important;
+    caret-color: transparent !important;
+    cursor: default !important;
   }
 
   // 포커스 상태 추가
   &:focus {
     background: @PRIMARY_COLOR_RED !important;
+    outline: none !important;
     // outline: 2px solid @PRIMARY_COLOR_RED !important;
 
     .shopByMobileText {
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
index 580d6b10..7ef91eb9 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
@@ -13,6 +13,9 @@
   box-sizing: border-box;
   padding: 6px; // 포커스 테두리를 위한 공간
   overflow: hidden;
+  user-select: none !important;
+  -webkit-user-select: none !important;
+  caret-color: transparent !important;
   .videoThumbnailWrapper {
     position: relative;
     // width: 658px;
@@ -24,6 +27,9 @@
     justify-content: center;
     margin: auto;
     overflow: hidden;
+    user-select: none !important;
+    -webkit-user-select: none !important;
+    caret-color: transparent !important;
     .videoThumbnail {
       width: 100%;
       margin: 0;
@@ -34,6 +40,9 @@
       background-color: @COLOR_WHITE;
       border-radius: 8px;
       transition: all 0.2s ease;
+      user-select: none !important;
+      -webkit-user-select: none !important;
+      caret-color: transparent !important;
     }
 
     .playButtonOverlay {
@@ -43,11 +52,16 @@
       transform: translate(-50%, -50%);
       z-index: 2;
       transition: opacity 0.3s ease;
+      user-select: none !important;
+      -webkit-user-select: none !important;
+      caret-color: transparent !important;
 
       img {
         width: 80px;
         height: 80px;
         filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
+        user-select: none !important;
+        -webkit-user-select: none !important;
       }
     }
   }
diff --git a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx
index ed4cd6d7..532acc7f 100644
--- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx
+++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx
@@ -231,7 +231,7 @@ const MediaPanel = React.forwardRef(
       panelInfo.shptmBanrTpNm === 'LIVE' ? null : 0
     );
     const [isUpdate, setIsUpdate] = USE_STATE('isUpdate', false);
-    const [isSubtitleActive, setIsSubtitleActive] = USE_STATE('isSubtitleActive', true);
+    const [isSubtitleActive, setIsSubtitleActive] = USE_STATE('isSubtitleActive', false);
     const [logStatus, setLogStatus] = USE_STATE('logStatus', {
       isModalLiveLogReady: false,
       isFullLiveLogReady: false,