From d43c97e9407830f80e091ed5ce72ee616a0f4042 Mon Sep 17 00:00:00 2001
From: guantw <guantianwei@gmail.com>
Date: Mon, 7 Sep 2026 19:36:53 +0800
Subject: [PATCH] fix(web-ui): isolate sidebar navigation stacking

Keep sticky session headers inside the main navigation stacking context when reduced motion removes its transform. This prevents headers from painting above the file navigation overlay while preserving sticky positioning and navigation state.
---
 src/web-ui/src/app/components/NavPanel/NavPanel.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/web-ui/src/app/components/NavPanel/NavPanel.scss b/src/web-ui/src/app/components/NavPanel/NavPanel.scss
index 03c655d3af..4defe615d6 100644
--- a/src/web-ui/src/app/components/NavPanel/NavPanel.scss
+++ b/src/web-ui/src/app/components/NavPanel/NavPanel.scss
@@ -58,6 +58,9 @@ $_section-header-height: 22px;
       flex: 1 1 auto;
       min-width: 0;
       max-width: 100%;
+      // Keep sticky headers below SceneNav even when reduced motion removes
+      // the transform that otherwise establishes this stacking context.
+      isolation: isolate;
       opacity: 1;
       transform: translate3d(0, 0, 0);
       transition: none;