@lobehub/editor 1.8.0 → 1.8.2

package/es/plugins/link/react/ReactLinkPlugin.js

@@ -10,6 +10,7 @@ import { computePosition, flip, offset, shift } from '@floating-ui/dom';
 import { mergeRegister } from '@lexical/utils';
 import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_NORMAL } from 'lexical';
 import { useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { useLexicalEditor } from "../../../editor-kernel/react";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
 import { MarkdownPlugin } from "../../markdown";
@@ -23,6 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ReactLinkPlugin = function ReactLinkPlugin(_ref) {
+  var _editor$getLexicalEdi, _lexicalEditor$getRoo;
   var theme = _ref.theme,
     _ref$enableHotkey = _ref.enableHotkey,
     enableHotkey = _ref$enableHotkey === void 0 ? true : _ref$enableHotkey,
@@ -98,7 +100,6 @@ export var ReactLinkPlugin = function ReactLinkPlugin(_ref) {
           return false;
         }
         LinkRef.current = payload.event.target;
-        // const url = editor.read(() => payload.linkNode.getURL());
         divRef.current.style.left = "".concat(x, "px");
         divRef.current.style.top = "".concat(y, "px");
       });
@@ -114,7 +115,13 @@ export var ReactLinkPlugin = function ReactLinkPlugin(_ref) {
       return true;
     }, COMMAND_PRIORITY_NORMAL));
   }, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
+
+  // Determine anchor element (editor inner wrapper)
+  var lexicalEditor = (_editor$getLexicalEdi = editor.getLexicalEditor) === null || _editor$getLexicalEdi === void 0 ? void 0 : _editor$getLexicalEdi.call(editor);
+  var root = lexicalEditor === null || lexicalEditor === void 0 || (_lexicalEditor$getRoo = lexicalEditor.getRootElement) === null || _lexicalEditor$getRoo === void 0 ? void 0 : _lexicalEditor$getRoo.call(lexicalEditor);
+  var anchor = root ? root.parentElement : null;
+  var targetElement = anchor || (typeof document !== 'undefined' ? document.body : null);
+  return targetElement ? /*#__PURE__*/createPortal( /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(LinkToolbar, {
       editor: editor.getLexicalEditor(),
       linkNode: linkNode,
@@ -130,7 +137,7 @@ export var ReactLinkPlugin = function ReactLinkPlugin(_ref) {
       },
       ref: divRef
     }), /*#__PURE__*/_jsx(LinkEdit, {})]
-  });
+  }), targetElement) : null;
 };
 ReactLinkPlugin.displayName = 'ReactLinkPlugin';
 export default ReactLinkPlugin;

package/es/plugins/table/react/TableActionMenu/index.js

@@ -472,7 +472,9 @@ export default /*#__PURE__*/memo(function (_ref3) {
   if (typeof document === 'undefined') {
     return null;
   }
-  var targetElement = anchorElem || document.body;
+  var root = editor.getRootElement();
+  var anchor = root ? root.parentElement : null;
+  var targetElement = anchorElem || anchor || document.body;
   return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(TableCellActionMenuContainer, {
     anchorElem: targetElement,
     cellMerge: cellMerge,

package/es/plugins/table/react/TableHoverActions/index.js

@@ -254,7 +254,9 @@ export default /*#__PURE__*/memo(function (_ref2) {
   if (typeof document === 'undefined') {
     return null;
   }
-  var targetElement = anchorElem || document.body;
+  var root = editor.getRootElement();
+  var anchor = root ? root.parentElement : null;
+  var targetElement = anchorElem || anchor || document.body;
   return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(TableHoverActionsContainer, {
     anchorElem: targetElement,
     editor: editor

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",