From adf506f3814e85f982a7ff411b540bbcaf1c287a Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sun, 18 Dec 2022 13:30:21 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=E5=8E=86=E5=8F=B2=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E4=B8=8D=E5=BA=94=E6=8B=96=E6=8B=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/history/diff.ts    | 16 ++++++----------
 app/src/history/history.ts |  4 +---
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/app/src/history/diff.ts b/app/src/history/diff.ts
index 55d13411d..9f88275a0 100644
--- a/app/src/history/diff.ts
+++ b/app/src/history/diff.ts
@@ -44,11 +44,9 @@ const renderCompare = (element: HTMLElement) => {
                 breadcrumbDocName: false,
                 breadcrumbContext: false,
             },
-            typewriterMode: false,
-            after(editor) {
-                disabledProtyle(editor.protyle);
-            }
+            typewriterMode: false
         });
+        disabledProtyle(leftEditor.protyle);
         rightEditor = new Protyle(rightElement.lastElementChild as HTMLElement, {
             blockId: "",
             action: [Constants.CB_GET_HISTORY],
@@ -60,11 +58,9 @@ const renderCompare = (element: HTMLElement) => {
                 breadcrumbDocName: false,
                 breadcrumbContext: false,
             },
-            typewriterMode: false,
-            after(editor) {
-                disabledProtyle(editor.protyle);
-            }
+            typewriterMode: false
         });
+        disabledProtyle(rightEditor.protyle);
     }
 
     fetchPost("/api/repo/openRepoSnapshotDoc", {id: element.getAttribute("data-id")}, (response) => {
@@ -137,11 +133,11 @@ export const showDiff = (ids: string) => {
     </div>
     <div class="fn__flex-1 fn__flex">
         <div class="fn__flex-1">
-            <textarea class="history__text fn__none"></textarea>
+            <textarea style="height: 100%;width: 100%;" class="history__text fn__none"></textarea>
             <div style="min-height: 100%;"></div>
         </div>
         <div class="fn__none fn__flex-1" style="border-left: 1px solid var(--b3-border-color);">
-            <textarea class="history__text fn__none"></textarea>
+            <textarea style="height: 100%;width: 100%;" class="history__text fn__none"></textarea>
             <div style="min-height: 100%;"></div>
         </div>
     </div>
diff --git a/app/src/history/history.ts b/app/src/history/history.ts
index fb08e3831..5b8d0e5d3 100644
--- a/app/src/history/history.ts
+++ b/app/src/history/history.ts
@@ -332,10 +332,8 @@ export const openHistory = () => {
             breadcrumbContext: false,
         },
         typewriterMode: false,
-        after(editor) {
-            disabledProtyle(editor.protyle);
-        }
     });
+    disabledProtyle(historyEditor.protyle);
     const repoElement = dialog.element.querySelector('#historyContainer [data-type="repo"]');
     const selectElement = repoElement.querySelector(".b3-select") as HTMLSelectElement;
     selectElement.addEventListener("change", () => {