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", () => {