From 1fc55a69c9b2d18b48f8bea3a0ffaf213fc45e94 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <40239442+ammarahm-ed@users.noreply.github.com>
Date: Mon, 20 Jan 2025 10:07:20 +0500
Subject: [PATCH] editor: fix clamped image size is larger than editor (#7324)

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

diff --git a/packages/editor/src/extensions/image/component.tsx b/packages/editor/src/extensions/image/component.tsx
index 92e36d048..aaf2897e5 100644
--- a/packages/editor/src/extensions/image/component.tsx
+++ b/packages/editor/src/extensions/image/component.tsx
@@ -59,7 +59,7 @@ export function ImageComponent(
     once: true
   });
 
-  const dom = editor.view.dom.parentElement || editor.view.dom;
+  const dom = editor.view.dom;
 
   const size =
     editor.view.dom.clientWidth === 0
@@ -267,7 +267,7 @@ export function ImageComponent(
             title={title}
             sx={{
               animation: bloburl || src ? "0.2s ease-in 0s 1 fadeIn" : "none",
-              objectFit: "scale-down",
+              objectFit: "contain",
               width: editor.isEditable ? "100%" : size.width,
               height: editor.isEditable ? "100%" : size.height,
               border: selected