From 9c1f9a6e7e0486b81f3a889c7fb0fde2e6688efc Mon Sep 17 00:00:00 2001
From: truewhile <779943132@qq.com>
Date: Thu, 17 Sep 2026 11:19:38 +0800
Subject: [PATCH] =?UTF-8?q?bug=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/PlayerControls.tsx | 2 +-
 web/src/components/Vr360Stage.tsx     | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/PlayerControls.tsx b/web/src/components/PlayerControls.tsx
index a1bca4f..b53112c 100644
--- a/web/src/components/PlayerControls.tsx
+++ b/web/src/components/PlayerControls.tsx
@@ -65,7 +65,7 @@ const PLAYBACK_RATE_HINT_MS = 900
 /** 播放中控制栏无操作自动隐藏的延时。 */
 const CONTROLS_HIDE_DELAY_MS = 3000
 /** VR 全景播放的隐藏延时更短：浮层由单击唤出，收得越快越不打扰观看。 */
-const VR_CONTROLS_HIDE_DELAY_MS = 2000
+const VR_CONTROLS_HIDE_DELAY_MS = 3000
 /** VR 视角拖拽超过这个距离才算「真的在转动视角」，轻触不受影响。 */
 const VR_VIEW_DRAG_DISTANCE = 6
 
diff --git a/web/src/components/Vr360Stage.tsx b/web/src/components/Vr360Stage.tsx
index 628f159..65a35a9 100644
--- a/web/src/components/Vr360Stage.tsx
+++ b/web/src/components/Vr360Stage.tsx
@@ -515,6 +515,9 @@ export function Vr360Stage({
         onClick={(event) => event.stopPropagation()}
       />
       <div
+        // 阻止浮层内按钮/面板的点击冒泡到舞台的 handleSurfaceActivate：否则点击
+        // 投影方式/画幅布局等设置项会被误判为「单击收起控制栏」，面板在切换后立即消失。
+        onClick={(event) => event.stopPropagation()}
         className={`pointer-events-none absolute inset-x-0 top-2 z-20 flex flex-col items-center gap-1.5 px-2 transition-opacity duration-300 ${
           uiVisible ? 'opacity-100' : 'opacity-0'
         }`}