From 0ad9d915127055c385ed7ee390705be4f3e97d62 Mon Sep 17 00:00:00 2001
From: seaerchin <44049504+seaerchin@users.noreply.github.com>
Date: Tue, 12 Dec 2023 18:34:10 +0800
Subject: [PATCH] fix(preview): update overflow behaviour (#1742)

---
 src/layouts/EditPage/MarkdownEditPage.tsx | 2 +-
 src/layouts/LegacyEditPage.jsx            | 8 +-------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/layouts/EditPage/MarkdownEditPage.tsx b/src/layouts/EditPage/MarkdownEditPage.tsx
index caa9b7dd6..ee059671f 100644
--- a/src/layouts/EditPage/MarkdownEditPage.tsx
+++ b/src/layouts/EditPage/MarkdownEditPage.tsx
@@ -129,7 +129,7 @@ export const MarkdownEditPage = ({ togglePreview }: MarkdownPageProps) => {
       setEditorContent={(content: string) => setEditorValue(content)}
       shouldDisableSave={isAnyDrawerOpen}
     >
-      <Box flex="0 0 45vw" p="1.25rem">
+      <Box flex="0 0 45vw" p="1.25rem" overflow="auto">
         <Flex flexDir="row" bg="gray.100" p="1.38rem" mb="1.38rem">
           <Flex flexDir="column" alignContent="flex-start" mr="1rem">
             <Text textStyle="subhead-1" mb="0.62rem">
diff --git a/src/layouts/LegacyEditPage.jsx b/src/layouts/LegacyEditPage.jsx
index 41a5b3e84..5f25d50fc 100644
--- a/src/layouts/LegacyEditPage.jsx
+++ b/src/layouts/LegacyEditPage.jsx
@@ -97,13 +97,7 @@ const EditPage = ({ match }) => {
       setEditorContent={setEditorValue}
     >
       {/* Editor */}
-      <Box
-        flexGrow={1}
-        p="1.25rem"
-        maxH="100%"
-        overflowY="scroll"
-        flex="0 0 45vw"
-      >
+      <Box p="1.25rem" maxH="100%" overflowY="scroll" flex="0 0 45vw">
         <MarkdownEditor
           siteName={siteName}
           onChange={(value) => setEditorValue(value)}