[lexical-react]Bug Fix: the location of draggable-block-menu cannot b…

…e calculated #6818 (#6915) Co-authored-by: Bob Ippolito <bob@redivi.com>
facebook · Dec 10, 2024 · 42bd45d · 42bd45d
1 parent dba2540
commit 42bd45d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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;