From 42bd45d7e71bff9a2fe44aff18f50be3b3db1a14 Mon Sep 17 00:00:00 2001
From: lin-mt <lin-mt@outlook.com>
Date: Wed, 11 Dec 2024 00:58:35 +0800
Subject: [PATCH] [lexical-react]Bug Fix: the location of draggable-block-menu
 cannot be calculated #6818 (#6915)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../lexical-react/src/LexicalDraggableBlockPlugin.tsx     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-react/src/LexicalDraggableBlockPlugin.tsx b/packages/lexical-react/src/LexicalDraggableBlockPlugin.tsx
index d37bd69f3c9..ef7303ee281 100644
--- a/packages/lexical-react/src/LexicalDraggableBlockPlugin.tsx
+++ b/packages/lexical-react/src/LexicalDraggableBlockPlugin.tsx
@@ -191,9 +191,15 @@ function setMenuPosition(
   const floatingElemRect = floatingElem.getBoundingClientRect();
   const anchorElementRect = anchorElem.getBoundingClientRect();
 
+  // top left
+  let targetCalculateHeight: number = parseInt(targetStyle.lineHeight, 10);
+  if (isNaN(targetCalculateHeight)) {
+    // middle
+    targetCalculateHeight = targetRect.bottom - targetRect.top;
+  }
   const top =
     targetRect.top +
-    (parseInt(targetStyle.lineHeight, 10) - floatingElemRect.height) / 2 -
+    (targetCalculateHeight - floatingElemRect.height) / 2 -
     anchorElementRect.top;
 
   const left = SPACE;