From 64b5fa703864b969d2095ccd30cf14fef6d7a0d5 Mon Sep 17 00:00:00 2001
From: PKC278 <52959804+PKC278@users.noreply.github.com>
Date: Fri, 16 Jan 2026 22:45:43 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=20=E4=BF=AE=E5=A4=8DChrome=20144+?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E9=94=81=E5=AE=9A=E9=97=AE=E9=A2=98=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4overflow=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    | 1 -
 src/@layouts/components/VerticalNavLayout.vue | 4 +++-
 src/@layouts/styles/_default-layout.scss      | 6 +++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index f05a5787..e709451c 100644
--- a/index.html
+++ b/index.html
@@ -94,7 +94,6 @@
   <style>
     #app {
       block-size: 100%;
-      overflow: auto;
       -webkit-overflow-scrolling: touch;
       overscroll-behavior: contain;
     }
diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue
index 3437dce0..2f6a2fb6 100644
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -224,7 +224,9 @@ export default defineComponent({
 
     .layout-page-content {
       // display: flex;
-      overflow: hidden;
+      // 使用 clip 替代 hidden，避免 Chrome 144+ 滚动锁定问题
+      overflow-x: clip;
+      overflow-y: auto;
 
       .page-content-container {
         inline-size: 100%;
diff --git a/src/@layouts/styles/_default-layout.scss b/src/@layouts/styles/_default-layout.scss
index 92e55687..71d9d9a2 100644
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -13,6 +13,8 @@ html {
 body {
   background: rgb(var(--v-theme-background));
   overscroll-behavior-y: contain;
+  // Chrome 144+ 兼容性：覆盖 Vuetify 的内联 overflow: hidden 样式
+  overflow: visible !important;
 
   --webkit-overflow-scrolling: touch;
 }
@@ -35,7 +37,9 @@ body,
 .layout-page-content {
   @include mixins.boxed-content(true);
 
-  overflow: hidden;
+  // Chrome 144+ 兼容性：使用 clip 替代 hidden，避免滚动锁定问题
+  // overflow: hidden 在新版 Chrome 中可能意外阻止垂直滚动
+  overflow: clip;
   flex-grow: 1;
 
   // TODO: Use grid gutter variable here;