From 538e41d1cb611f9e44f734ac07081d0c823a67d7 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Sat, 19 Feb 2022 19:35:44 +0530
Subject: [PATCH] fix: plain editor revision rendering (#889)

---
 .../RevisionHistoryModal/SelectedRevisionContent.tsx     | 9 ++++++---
 app/assets/stylesheets/_sn.scss                          | 4 ++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/components/RevisionHistoryModal/SelectedRevisionContent.tsx b/app/assets/javascripts/components/RevisionHistoryModal/SelectedRevisionContent.tsx
index 487f7e908..bca863be8 100644
--- a/app/assets/javascripts/components/RevisionHistoryModal/SelectedRevisionContent.tsx
+++ b/app/assets/javascripts/components/RevisionHistoryModal/SelectedRevisionContent.tsx
@@ -64,11 +64,14 @@ export const SelectedRevisionContent: FunctionComponent<SelectedRevisionContentP
             </div>
           </div>
           {!componentViewer && (
-            <div className="relative flex-grow min-h-0 overflow-x-hidden overflow-y-auto">
+            <div className="relative flex-grow min-h-0 overflow-hidden">
               {selectedRevision.payload.content.text.length ? (
-                <p className="p-4 pt-0 color-text text-editor font-editor">
+                <textarea
+                  readOnly={true}
+                  className="w-full h-full resize-none p-4 pt-0 border-0 color-text text-editor font-editor"
+                >
                   {selectedRevision.payload.content.text}
-                </p>
+                </textarea>
               ) : (
                 <div className={`color-grey-0 ${ABSOLUTE_CENTER_CLASSNAME}`}>
                   Empty note.
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index a66a33bd7..09514d55f 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -954,3 +954,7 @@
 .sn-component .border-contrast {
   border-color: var(--sn-stylekit-contrast-border-color);
 }
+
+.resize-none {
+  resize: none;
+}