From c16654ea8bfd4cdc767fbc9de9f0855211f9e997 Mon Sep 17 00:00:00 2001
From: "L." <zover.v@gmail.com>
Date: Wed, 3 Apr 2024 16:21:44 +0800
Subject: [PATCH 1/2] fix: viewport element is not found in share page.

---
 .../frontend/core/src/pages/share/share-detail-page.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/pages/share/share-detail-page.tsx b/packages/frontend/core/src/pages/share/share-detail-page.tsx
index 8ed7594d81c1..0ade3d99425c 100644
--- a/packages/frontend/core/src/pages/share/share-detail-page.tsx
+++ b/packages/frontend/core/src/pages/share/share-detail-page.tsx
@@ -28,6 +28,7 @@ import {
   WorkspaceManager,
   WorkspaceScope,
 } from '@toeverything/infra';
+import clsx from 'clsx';
 import { useCallback, useEffect, useState } from 'react';
 import type { LoaderFunction } from 'react-router-dom';
 import {
@@ -214,7 +215,12 @@ export const Component = () => {
                 docCollection={page.blockSuiteDoc.collection}
               />
               <Scrollable.Root>
-                <Scrollable.Viewport className={styles.editorContainer}>
+                <Scrollable.Viewport
+                  className={clsx(
+                    'affine-page-viewport',
+                    styles.editorContainer
+                  )}
+                >
                   <PageDetailEditor
                     isPublic
                     publishMode={publishMode}

From ad842d099302ca732c9a67422235f1a3364bf0e8 Mon Sep 17 00:00:00 2001
From: "L." <zover.v@gmail.com>
Date: Wed, 3 Apr 2024 16:23:40 +0800
Subject: [PATCH 2/2] fix(components): disable append paragraph in readonly
 mode

---
 .../src/components/blocksuite/block-suite-editor/lit-adaper.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx b/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
index a17d40053e9a..2fe32512cc60 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
@@ -118,7 +118,7 @@ export const BlocksuiteDocEditor = forwardRef<
           specs={specs}
           hasViewport={false}
         />
-        {docPage ? (
+        {docPage && !page.readonly ? (
           <div
             className={styles.docEditorGap}
             onClick={() => {