[251115] fix: ProductVideo.v3.jsx Marquee disabled in modal true

🕐 커밋 시간: 2025. 11. 15. 15:01:32

📊 변경 통계:
  • 총 파일: 2개
  • 추가: +26줄
  • 삭제: -13줄

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

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx (javascript):
    🔄 Modified: Spottable()

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선

com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js

@@ -2559,19 +2559,21 @@ const VideoPlayerBase = class extends React.Component {
             </ControlsContainer>
           </div>
         ) : null}
-        <SpottableDiv
-          className={css.controlsHandleAbove}
-          holdConfig={controlsHandleAboveHoldConfig}
-          onDown={this.handleControlsHandleAboveDown}
-          onKeyUp={this.handleControlsHandleAboveKeyUp}
-          onSpotlightDown={this.onSpotlightFocus}
-          onSpotlightUp={this.onSpotlightFocus}
-          onSpotlightRight={this.onSpotlightFocus}
-          onSpotlightLeft={this.onSpotlightFocus}
-          onClick={this.onSpotlightFocus}
-          selectionKeys={controlsHandleAboveSelectionKeys}
-          spotlightDisabled={this.state.mediaControlsVisible || spotlightDisabled}
-        />
+        {!panelInfo.modal && (
+          <SpottableDiv
+            className={css.controlsHandleAbove}
+            holdConfig={controlsHandleAboveHoldConfig}
+            onDown={this.handleControlsHandleAboveDown}
+            onKeyUp={this.handleControlsHandleAboveKeyUp}
+            onSpotlightDown={this.onSpotlightFocus}
+            onSpotlightUp={this.onSpotlightFocus}
+            onSpotlightRight={this.onSpotlightFocus}
+            onSpotlightLeft={this.onSpotlightFocus}
+            onClick={this.onSpotlightFocus}
+            selectionKeys={controlsHandleAboveSelectionKeys}
+            spotlightDisabled={this.state.mediaControlsVisible || spotlightDisabled}
+          />
+        )}
         <Announce ref={this.setAnnounceRef} />
       </RootContainer>
     );