From 8e681dbbe7c5e9fbcc95e327e1f1e414cb4a1422 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 3 Jul 2026 20:32:16 +0800
Subject: [PATCH] fix: prevent nested scrolling in words shortcut

---
 src/components/dialog/ShortcutToolDialog.vue | 15 +++++++++++++++
 src/composables/useShortcutTools.ts          |  1 +
 src/views/system/WordsView.vue               |  4 +++-
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/dialog/ShortcutToolDialog.vue b/src/components/dialog/ShortcutToolDialog.vue
index defb2c49..1d8af7fb 100644
--- a/src/components/dialog/ShortcutToolDialog.vue
+++ b/src/components/dialog/ShortcutToolDialog.vue
@@ -104,6 +104,21 @@ const bodyClasses = computed(() => [
 }
 
 @media (max-width: 959.98px) {
+  .words-shortcut-dialog-card {
+    display: flex;
+    overflow: hidden !important;
+    flex-direction: column;
+  }
+
+  .words-shortcut-dialog-body {
+    display: flex;
+    overflow: hidden !important;
+    flex: 1 1 auto;
+    inline-size: 100%;
+    min-block-size: 0;
+    padding: 0 !important;
+  }
+
   .scheduler-shortcut-dialog-card--transparent {
     background: transparent !important;
     background-color: transparent !important;
diff --git a/src/composables/useShortcutTools.ts b/src/composables/useShortcutTools.ts
index c4cb64a3..8cac5c6c 100644
--- a/src/composables/useShortcutTools.ts
+++ b/src/composables/useShortcutTools.ts
@@ -81,6 +81,7 @@ export function useShortcutTools() {
       icon: 'mdi-file-word-box',
       dialog: 'words',
       bodyClass: 'words-shortcut-dialog-body pa-0',
+      cardClass: 'words-shortcut-dialog-card',
       component: WordsView,
       maxWidth: '60rem',
       titleText: t('shortcut.words.subtitle'),
diff --git a/src/views/system/WordsView.vue b/src/views/system/WordsView.vue
index 13747b41..dd68d23b 100644
--- a/src/views/system/WordsView.vue
+++ b/src/views/system/WordsView.vue
@@ -973,7 +973,9 @@ onMounted(() => {
 
 @media (width <= 959.98px) {
   .words-view {
-    block-size: calc(100dvh - 4rem - env(safe-area-inset-top));
+    flex: 1 1 auto;
+    block-size: 100%;
+    min-block-size: 0;
   }
 
   .words-workspace {