From 523ab3f4a10cba0e5b6a7d34ce095cf0b3aea1d9 Mon Sep 17 00:00:00 2001
From: "M. Palanikannan" <73993394+Palanikannan1437@users.noreply.github.com>
Date: Wed, 2 Apr 2025 17:34:28 +0530
Subject: [PATCH]  [WEB-3747] regression: readonly mode with fragments (#6861)

---
 .../src/core/components/editors/document/page-renderer.tsx   | 4 ++--
 packages/editor/src/core/components/links/link-edit-view.tsx | 5 ++---
 packages/editor/src/core/components/links/link-preview.tsx   | 5 ++---
 web/core/components/pages/editor/title.tsx                   | 2 +-
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/editor/src/core/components/editors/document/page-renderer.tsx b/packages/editor/src/core/components/editors/document/page-renderer.tsx
index 5a95fe5ca..0be3c17c1 100644
--- a/packages/editor/src/core/components/editors/document/page-renderer.tsx
+++ b/packages/editor/src/core/components/editors/document/page-renderer.tsx
@@ -28,11 +28,11 @@ export const PageRenderer = (props: IPageRenderer) => {
       >
         <EditorContentWrapper editor={editor} id={id} tabIndex={tabIndex} />
         {editor.isEditable && (
-          <>
+          <div>
             {bubbleMenuEnabled && <EditorBubbleMenu editor={editor} />}
             <BlockMenu editor={editor} />
             <AIFeaturesMenu menu={aiHandler?.menu} />
-          </>
+          </div>
         )}
       </EditorContainer>
     </div>
diff --git a/packages/editor/src/core/components/links/link-edit-view.tsx b/packages/editor/src/core/components/links/link-edit-view.tsx
index 2e23e2bca..ad66ce4b4 100644
--- a/packages/editor/src/core/components/links/link-edit-view.tsx
+++ b/packages/editor/src/core/components/links/link-edit-view.tsx
@@ -128,10 +128,9 @@ export const LinkEditView = ({ viewProps }: LinkEditViewProps) => {
   return (
     <div
       onKeyDown={handleKeyDown}
-      className="shadow-md rounded p-2 flex flex-col gap-3 bg-custom-background-90 border-custom-border-100 border-2 animate-in fade-in translate-y-1 duration-200 origin-center"
+      className="shadow-md rounded p-2 flex flex-col gap-3 bg-custom-background-90 border-custom-border-100 border-2 animate-in fade-in translate-y-1"
       style={{
-        animationTimingFunction: "cubic-bezier(.55, .085, .68, .53)",
-        transformOrigin: "center",
+        transition: "all 0.1s cubic-bezier(.55, .085, .68, .53)",
       }}
       tabIndex={0}
     >
diff --git a/packages/editor/src/core/components/links/link-preview.tsx b/packages/editor/src/core/components/links/link-preview.tsx
index 30205005d..dd41f2306 100644
--- a/packages/editor/src/core/components/links/link-preview.tsx
+++ b/packages/editor/src/core/components/links/link-preview.tsx
@@ -23,10 +23,9 @@ export const LinkPreview = ({
 
   return (
     <div
-      className="absolute left-0 top-0 max-w-max animate-in fade-in translate-y-1 duration-300 origin-center"
+      className="absolute left-0 top-0 max-w-max animate-in fade-in translate-y-1"
       style={{
-        animationTimingFunction: "cubic-bezier(.55, .085, .68, .53)",
-        transformOrigin: "center",
+        transition: "all 0.2s cubic-bezier(.55, .085, .68, .53)",
       }}
     >
       <div className="shadow-md items-center rounded p-2 flex gap-3 bg-custom-background-90 border-custom-border-100 border-2 text-custom-text-300 text-xs">
diff --git a/web/core/components/pages/editor/title.tsx b/web/core/components/pages/editor/title.tsx
index f9cd7f1f2..5a9ae8cd9 100644
--- a/web/core/components/pages/editor/title.tsx
+++ b/web/core/components/pages/editor/title.tsx
@@ -42,7 +42,7 @@ export const PageEditorTitle: React.FC<Props> = observer((props) => {
             {
               "text-custom-text-400": !title,
             },
-            "break-words pb-1.5"
+            "break-words"
           )}
         >
           {getPageName(title)}