From e9816ef3a2004f5d14ec2da1b2b6db330715d773 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 7 Mar 2024 13:05:23 +0500
Subject: [PATCH] editor: fix position of loading placeholder for floating
 image

---
 packages/editor/src/extensions/image/component.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/extensions/image/component.tsx b/packages/editor/src/extensions/image/component.tsx
index f323b9073..5371c597b 100644
--- a/packages/editor/src/extensions/image/component.tsx
+++ b/packages/editor/src/extensions/image/component.tsx
@@ -100,6 +100,7 @@ export function ImageComponent(
       <Box
         sx={{
           ...getAlignmentStyles(node.attrs),
+          height: float ? height : "unset",
           position: "relative",
           mt: isSVG ? `24px` : 0,
           ":hover .drag-handle, :active .drag-handle": {
@@ -220,8 +221,8 @@ export function ImageComponent(
                 position: "absolute",
                 top: 0,
                 left: 0,
-                width: editor.isEditable ? "100%" : width,
-                height: editor.isEditable ? "100%" : height,
+                width: editor.isEditable && !float ? "100%" : width,
+                height: editor.isEditable && !float ? "100%" : height,
                 bg: "background-secondary",
                 border: selected
                   ? "2px solid var(--accent)"