From 0b81d678820a010791dbd843860bcd1808252a2d Mon Sep 17 00:00:00 2001
From: twolate0101 <170792018+twolate0101@users.noreply.github.com>
Date: Wed, 10 Dec 2025 10:39:39 +0800
Subject: [PATCH 1/4] Feat: Auto-scroll editor to cursor when content changes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增功能：编辑器自动滚动跟随
1.修改了 CodePage.vue 文件，移除了父容器的 overflow-auto 样式
2.配置了 CodeMirror 的 updateListener, 监听文档变化
3.当光标位置变化时, 使用 scrollIntoView 将视图滚动到底部, 优化输入体验
---
 web/src/pages/CodePage.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/CodePage.vue b/web/src/pages/CodePage.vue
index c8fe9d5..e4ffb31 100644
--- a/web/src/pages/CodePage.vue
+++ b/web/src/pages/CodePage.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-[#282c34] text-md flex justify-center items-center w-[100vw] flex-1 min-h-0">
     <div class="w-3/4 h-3/4 bg-[#282c34] text-sm scale-133 flex">
-      <div class="w-3/4 h-full min-w-0 overflow-auto">
+      <div class="w-3/4 h-full min-w-0 ">
         <div ref="editorContainer" class="w-full h-full">
         </div>
       </div>
@@ -125,6 +125,22 @@ onMounted(() => {
       cpp(),
       ls,
       indentUnit.of("    "),
+      // ✨✨✨ 1. 新增：强制编辑器高度 100%，让它自己管理滚动条 ✨✨✨
+      EditorView.theme({
+        "&": { height: "100%" },
+        ".cm-scroller": { overflow: "auto" }
+      }),
+
+      // ✨✨✨ 2. 修改：滚动逻辑 ✨✨✨
+      EditorView.updateListener.of((update) => {
+        if (update.docChanged && update.selectionSet) {
+          const cursorParams = update.state.selection.main.head;
+          update.view.dispatch({
+            // 改为 "bottom"：强制光标始终露出在视野底部
+            effects: EditorView.scrollIntoView(cursorParams, { y: "bottom" }) 
+          });
+        }
+      }),
       keymap.of([
         { key: "Tab", run: indentMore },
         { key: "Shift-Tab", run: indentLess },

From 91c8519c7227fadd6ede61f0c780113a988ccc93 Mon Sep 17 00:00:00 2001
From: twolate0101 <170792018+twolate0101@users.noreply.github.com>
Date: Wed, 10 Dec 2025 11:20:36 +0800
Subject: [PATCH 2/4] Feat: Auto-scroll editor on content changes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增了编辑器自动滚动跟随功能。
1. 修改了 CodePage.vue，移除了父容器的 overflow-auto 样式。
2. 配置了 CodeMirror 的 updateListener，监听文档变化。
3. 当光标位置变化时，使用 scrollIntoView 将视图滚动到底部，优化输入体验。
---
 web/src/pages/CodePage.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/web/src/pages/CodePage.vue b/web/src/pages/CodePage.vue
index e4ffb31..c2004e3 100644
--- a/web/src/pages/CodePage.vue
+++ b/web/src/pages/CodePage.vue
@@ -125,13 +125,10 @@ onMounted(() => {
       cpp(),
       ls,
       indentUnit.of("    "),
-      // ✨✨✨ 1. 新增：强制编辑器高度 100%，让它自己管理滚动条 ✨✨✨
       EditorView.theme({
         "&": { height: "100%" },
         ".cm-scroller": { overflow: "auto" }
       }),
-
-      // ✨✨✨ 2. 修改：滚动逻辑 ✨✨✨
       EditorView.updateListener.of((update) => {
         if (update.docChanged && update.selectionSet) {
           const cursorParams = update.state.selection.main.head;

From f0f78d68da8a76c4a7492f935fa59131b948eab3 Mon Sep 17 00:00:00 2001
From: twolate0101 <170792018+twolate0101@users.noreply.github.com>
Date: Wed, 10 Dec 2025 14:08:15 +0800
Subject: [PATCH 3/4] Fix: Revert to 'nearest' scroll behavior to prevent
 unwanted jumping

---
 web/src/pages/CodePage.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/CodePage.vue b/web/src/pages/CodePage.vue
index c2004e3..b0de790 100644
--- a/web/src/pages/CodePage.vue
+++ b/web/src/pages/CodePage.vue
@@ -130,11 +130,14 @@ onMounted(() => {
         ".cm-scroller": { overflow: "auto" }
       }),
       EditorView.updateListener.of((update) => {
+        // 只有当文档内容发生改变 且 选区也改变时才触发
         if (update.docChanged && update.selectionSet) {
           const cursorParams = update.state.selection.main.head;
+          
           update.view.dispatch({
-            // 改为 "bottom"：强制光标始终露出在视野底部
-            effects: EditorView.scrollIntoView(cursorParams, { y: "bottom" }) 
+            // 🌟 终极方案：只用 nearest
+            // 含义：确保光标在视野内。如果在，不动；如果不在，滚进来。
+            effects: EditorView.scrollIntoView(cursorParams, { y: "nearest" })
           });
         }
       }),

From cdcaca645ba1156b3f52e3eedc6c6fd2582fbc14 Mon Sep 17 00:00:00 2001
From: twolate0101 <170792018+twolate0101@users.noreply.github.com>
Date: Wed, 10 Dec 2025 14:36:44 +0800
Subject: [PATCH 4/4] Fix: Revert to 'nearest' scroll behavior to prevent
 unwanted jumping

---
 web/src/pages/CodePage.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/web/src/pages/CodePage.vue b/web/src/pages/CodePage.vue
index b0de790..0800dd4 100644
--- a/web/src/pages/CodePage.vue
+++ b/web/src/pages/CodePage.vue
@@ -130,13 +130,10 @@ onMounted(() => {
         ".cm-scroller": { overflow: "auto" }
       }),
       EditorView.updateListener.of((update) => {
-        // 只有当文档内容发生改变 且 选区也改变时才触发
         if (update.docChanged && update.selectionSet) {
           const cursorParams = update.state.selection.main.head;
           
           update.view.dispatch({
-            // 🌟 终极方案：只用 nearest
-            // 含义：确保光标在视野内。如果在，不动；如果不在，滚进来。
             effects: EditorView.scrollIntoView(cursorParams, { y: "nearest" })
           });
         }