@mdxeditor/editor 3.30.0 → 3.30.1

package/dist/MDXEditor.js

@@ -69,7 +69,7 @@ const RenderRecursiveWrappers = ({ wrappers, children }) => {
   const Wrapper = wrappers[0];
   return /* @__PURE__ */ React__default.createElement(Wrapper, null, /* @__PURE__ */ React__default.createElement(RenderRecursiveWrappers, { wrappers: wrappers.slice(1) }, children));
 };
-const EditorRootElement = ({ children, className }) => {
+const EditorRootElement = ({ children, className, overlayContainer }) => {
   const editorRootElementRef = React__default.useRef(null);
   const setEditorRootElementRef = usePublisher(editorRootElementRef$);
   React__default.useEffect(() => {
@@ -80,13 +80,14 @@ const EditorRootElement = ({ children, className }) => {
       styles.popupContainer,
       ...(className ?? "").trim().split(" ").filter(Boolean)
     );
-    document.body.appendChild(popupContainer);
+    const container = overlayContainer ?? document.body;
+    container.appendChild(popupContainer);
     editorRootElementRef.current = popupContainer;
     setEditorRootElementRef(editorRootElementRef);
     return () => {
       popupContainer.remove();
     };
-  }, [className, editorRootElementRef, setEditorRootElementRef]);
+  }, [className, editorRootElementRef, overlayContainer, setEditorRootElementRef]);
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames("mdxeditor", styles.editorRoot, styles.editorWrapper, className) }, children);
 };
 const Methods = ({ mdxRef }) => {
@@ -142,7 +143,7 @@ const MDXEditor = React__default.forwardRef((props, ref) => {
         ...props.plugins ?? []
       ]
     },
-    /* @__PURE__ */ React__default.createElement(EditorRootElement, { className: props.className }, /* @__PURE__ */ React__default.createElement(LexicalProvider, null, /* @__PURE__ */ React__default.createElement(RichTextEditor, null))),
+    /* @__PURE__ */ React__default.createElement(EditorRootElement, { className: props.className, overlayContainer: props.overlayContainer }, /* @__PURE__ */ React__default.createElement(LexicalProvider, null, /* @__PURE__ */ React__default.createElement(RichTextEditor, null))),
     /* @__PURE__ */ React__default.createElement(Methods, { mdxRef: ref })
   );
 });

package/dist/index.d.ts

@@ -2239,6 +2239,11 @@ export declare interface MDXEditorProps {
      * A custom lexical theme to use for the editor.
      */
     lexicalTheme?: EditorThemeClasses;
+    /**
+     * Optional container element to use for rendering editor popups.
+     * Defaults to document.body.
+     */
+    overlayContainer?: HTMLElement | null;
 }
 
 /**

package/dist/plugins/link-dialog/index.js

@@ -160,12 +160,16 @@ const linkDialogState$ = Cell({ type: "inactive" }, (r) => {
         if ($isRangeSelection(selection) && activeEditor && !readOnly) {
           const node = getLinkNodeInSelection(selection);
           if (node) {
+            const rect = getSelectionRectangle(activeEditor);
+            if (!rect) {
+              return { type: "inactive" };
+            }
             return {
               type: "preview",
               url: node.getURL(),
               linkNodeKey: node.getKey(),
               title: node.getTitle(),
-              rectangle: getSelectionRectangle(activeEditor)
+              rectangle: rect
             };
           } else {
             return { type: "inactive" };

package/dist/plugins/toolbar/primitives/toolbar.js

@@ -48,7 +48,7 @@ const ToggleSingleGroupWithItem = React__default.forwardRef(({ on, title, childr
       value: on ? "on" : "off",
       ref: forwardedRef
     },
-    /* @__PURE__ */ React__default.createElement(ToolbarToggleItem, { title, value: "on", disabled }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title }, children))
+    /* @__PURE__ */ React__default.createElement(ToolbarToggleItem, { "aria-label": title, value: "on", disabled }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title }, children))
   );
 });
 const MultipleChoiceToggleGroup = ({ items }) => {

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.30.0",
+  "version": "3.30.1",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",