@underverse-ui/underverse 2.0.13 → 2.0.15

package/dist/{chunk-WDY3QWOW.js → chunk-NWVDNVLR.js}

@@ -1,7 +1,7 @@
 import {
   EmojiGridButton,
   formatEmojiCountLabel
-} from "./chunk-VNSCI3OK.js";
+} from "./chunk-SKCO2GFM.js";
 import {
   COLUMN_RESIZE_LINE_THICKNESS,
   CellBgColorIcon,
@@ -55,14 +55,17 @@ import {
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-MMMCBJ2L.js";
+} from "./chunk-WEGE3MZ5.js";
 import {
   Tooltip,
+  UEditorPortalProvider,
   cn,
   formControlGroupOutlineClass,
   formControlOutlineClass,
-  useSmartTranslations
-} from "./chunk-PYC5EY5W.js";
+  resolveUEditorPortalContainer,
+  useSmartTranslations,
+  useUEditorPortalContainerGetter
+} from "./chunk-EPBYGZHZ.js";
 
 // src/components/UEditor/prepare-content-for-save.ts
 var MIME_EXTENSION_MAP = {
@@ -512,7 +515,7 @@ import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var LazyBaseEmojiPicker = React.lazy(async () => {
-  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-FFNIUMI3.js");
+  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-3X2S7XPP.js");
   return { default: EmojiPicker2 };
 });
 var EmojiPicker = ({ onSelect }) => {
@@ -1627,7 +1630,7 @@ var unsupportedTippyModule = (() => {
 });
 var tippy = typeof tippyModule === "function" ? tippyModule : typeof maybeNestedDefault.default === "function" ? maybeNestedDefault.default : unsupportedTippyModule;
 function getFirstTippyInstance(instances) {
-  return instances?.[0];
+  return Array.isArray(instances) ? instances[0] : instances;
 }
 function hideTippyInstance(instance) {
   if (!instance || instance.state.isDestroyed) return;
@@ -1984,7 +1987,8 @@ var SlashCommand = Extension.create({
   name: "slashCommand",
   addOptions() {
     return {
-      messages: DEFAULT_MESSAGES
+      messages: DEFAULT_MESSAGES,
+      getPortalContainer: void 0
     };
   },
   addProseMirrorPlugins() {
@@ -2012,9 +2016,11 @@ var SlashCommand = Extension.create({
               if (!props.clientRect) {
                 return;
               }
-              popup = tippy("body", {
+              const portalContainer = resolveUEditorPortalContainer(this.options.getPortalContainer);
+              if (!portalContainer) return;
+              popup = tippy(portalContainer, {
                 getReferenceClientRect: props.clientRect,
-                appendTo: () => document.body,
+                appendTo: () => portalContainer,
                 content: component.element,
                 showOnCreate: true,
                 interactive: true,
@@ -2151,6 +2157,9 @@ var getEmojiSuggestionItems = async ({ query }) => {
 };
 var EmojiSuggestion = Extension2.create({
   name: "emojiSuggestion",
+  addOptions() {
+    return { getPortalContainer: void 0 };
+  },
   addProseMirrorPlugins() {
     return [
       Suggestion2({
@@ -2173,9 +2182,11 @@ var EmojiSuggestion = Extension2.create({
               if (!props.clientRect) {
                 return;
               }
-              popup = tippy("body", {
+              const portalContainer = resolveUEditorPortalContainer(this.options.getPortalContainer);
+              if (!portalContainer) return;
+              popup = tippy(portalContainer, {
                 getReferenceClientRect: props.clientRect,
-                appendTo: () => document.body,
+                appendTo: () => portalContainer,
                 content: component.element,
                 showOnCreate: true,
                 interactive: true,
@@ -2333,6 +2344,9 @@ function insertFormulaFunction(editor, range, item) {
 }
 var FormulaSuggestion = Extension3.create({
   name: "formulaSuggestion",
+  addOptions() {
+    return { getPortalContainer: void 0 };
+  },
   addProseMirrorPlugins() {
     return [
       Suggestion3({
@@ -2360,9 +2374,11 @@ var FormulaSuggestion = Extension3.create({
               if (!props.clientRect) {
                 return;
               }
-              popup = tippy("body", {
+              const portalContainer = resolveUEditorPortalContainer(this.options.getPortalContainer);
+              if (!portalContainer) return;
+              popup = tippy(portalContainer, {
                 getReferenceClientRect: props.clientRect,
-                appendTo: () => document.body,
+                appendTo: () => portalContainer,
                 content: component.element,
                 showOnCreate: true,
                 interactive: true,
@@ -5595,6 +5611,7 @@ var CustomCodeBlockLowlight = CodeBlockLowlight.extend({
   }
 });
 function buildUEditorExtensions({
+  getPortalContainer,
   placeholder,
   translate,
   maxCharacters,
@@ -5731,10 +5748,11 @@ function buildUEditorExtensions({
       }
     }),
     SlashCommand.configure({
-      messages: buildSlashCommandMessages(translate)
+      messages: buildSlashCommandMessages(translate),
+      getPortalContainer
     }),
-    FormulaSuggestion,
-    EmojiSuggestion,
+    FormulaSuggestion.configure({ getPortalContainer }),
+    EmojiSuggestion.configure({ getPortalContainer }),
     Callout,
     Bookmark.configure({
       fetchMetadata
@@ -5955,6 +5973,8 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const messages = useMemo(() => buildSlashCommandMessages(t), [t]);
   const items = useMemo(() => buildSlashCommandItems({ query: "", messages }), [messages]);
   const listRef = useRef4(null);
+  const getPortalContainer = useUEditorPortalContainerGetter();
+  const portalDocument = resolveUEditorPortalContainer(getPortalContainer)?.ownerDocument;
   useEffect5(() => {
     const handleKeyDown2 = (event) => {
       if (event.key === "Escape") {
@@ -5967,8 +5987,9 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
         event.preventDefault();
       }
     };
-    return subscribeSharedGlobalEvent(document, "keydown", handleKeyDown2);
-  }, [onClose]);
+    if (!portalDocument) return;
+    return subscribeSharedGlobalEvent(portalDocument, "keydown", handleKeyDown2);
+  }, [onClose, portalDocument]);
   return /* @__PURE__ */ jsx12(
     SlashCommandList,
     {
@@ -7006,6 +7027,12 @@ var CustomBubbleMenu = ({
   const [keepOpen, setKeepOpenState] = useState5(false);
   const showTimeoutRef = useRef4(null);
   const suppressShowUntilRef = useRef4(0);
+  const getPortalContainer = useUEditorPortalContainerGetter();
+  const portalContainer = isVisible ? resolveUEditorPortalContainer(getPortalContainer) : null;
+  const editorDocument = editor.view.dom.ownerDocument;
+  const editorWindow = editorDocument.defaultView;
+  const portalDocument = portalContainer?.ownerDocument ?? null;
+  const portalWindow = portalDocument?.defaultView ?? null;
   const setKeepOpen = useCallback((next) => {
     keepOpenRef.current = next;
     setKeepOpenState(next);
@@ -7040,7 +7067,7 @@ var CustomBubbleMenu = ({
         return;
       }
       const isInputFocused = () => {
-        const active = document.activeElement;
+        const active = editorDocument.activeElement;
         return Boolean(active && (menuRef.current?.contains(active) || active.closest?.("[data-ueditor-keep-open]")));
       };
       if (!keepOpenRef.current && !isInputFocused() && (context2 === "none" || !view.hasFocus())) {
@@ -7069,7 +7096,10 @@ var CustomBubbleMenu = ({
         start,
         end,
         menuSize: { width: menuWidth, height: menuHeight },
-        viewport: { width: window.innerWidth, height: window.innerHeight },
+        viewport: {
+          width: editorWindow?.innerWidth ?? window.innerWidth,
+          height: editorWindow?.innerHeight ?? window.innerHeight
+        },
         offset: BUBBLE_MENU_OFFSET
       }));
       if (keepOpenRef.current) {
@@ -7084,7 +7114,7 @@ var CustomBubbleMenu = ({
       }, SHOW_DELAY_MS);
     };
     const handleBlur = () => {
-      const isInputFocused = Boolean(document.activeElement && (menuRef.current?.contains(document.activeElement) || document.activeElement.closest?.("[data-ueditor-keep-open]")));
+      const isInputFocused = Boolean(editorDocument.activeElement && (menuRef.current?.contains(editorDocument.activeElement) || editorDocument.activeElement.closest?.("[data-ueditor-keep-open]")));
       if (!keepOpenRef.current && !isInputFocused) {
         clearShowTimeout();
         setIsVisible(false);
@@ -7093,10 +7123,10 @@ var CustomBubbleMenu = ({
     let animationFrameId = null;
     const schedulePositionUpdate = () => {
       if (animationFrameId !== null) return;
-      animationFrameId = requestAnimationFrame(() => {
+      animationFrameId = editorWindow?.requestAnimationFrame(() => {
         animationFrameId = null;
         updatePosition();
-      });
+      }) ?? null;
     };
     editor.on("transaction", schedulePositionUpdate);
     editor.on("focus", schedulePositionUpdate);
@@ -7106,33 +7136,33 @@ var CustomBubbleMenu = ({
     return () => {
       updatePositionRef.current = () => {
       };
-      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
+      if (animationFrameId !== null) editorWindow?.cancelAnimationFrame(animationFrameId);
       clearShowTimeout();
       editor.off("transaction", schedulePositionUpdate);
       editor.off("focus", schedulePositionUpdate);
       editor.off("blur", handleBlur);
     };
-  }, [editor]);
+  }, [editor, editorDocument, editorWindow]);
   useEffect5(() => {
-    if (!isVisible || typeof ResizeObserver === "undefined") return;
+    if (!isVisible || !portalWindow?.ResizeObserver) return;
     const menu = menuRef.current;
     if (!menu) return;
     let animationFrameId = null;
-    const observer = new ResizeObserver(() => {
-      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
-      animationFrameId = requestAnimationFrame(() => {
+    const observer = new portalWindow.ResizeObserver(() => {
+      if (animationFrameId !== null) portalWindow.cancelAnimationFrame(animationFrameId);
+      animationFrameId = portalWindow.requestAnimationFrame(() => {
         animationFrameId = null;
         updatePositionRef.current();
       });
     });
     observer.observe(menu);
     return () => {
-      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
+      if (animationFrameId !== null) portalWindow.cancelAnimationFrame(animationFrameId);
       observer.disconnect();
     };
-  }, [isVisible]);
+  }, [isVisible, portalWindow]);
   useEffect5(() => {
-    if (!isVisible) return;
+    if (!isVisible || !portalDocument) return;
     const handlePointerDown = (event) => {
       const target = event.target;
       if (target && (menuRef.current?.contains(target) || target.closest("[data-ueditor-keep-open]"))) return;
@@ -7142,13 +7172,13 @@ var CustomBubbleMenu = ({
       if (event.key === "Escape") closeBubbleMenu();
     };
     const unsubscribePointerDown = subscribeSharedGlobalEvent(
-      document,
+      portalDocument,
       "pointerdown",
       handlePointerDown,
       true
     );
     const unsubscribeKeyDown = subscribeSharedGlobalEvent(
-      document,
+      portalDocument,
       "keydown",
       handleKeyDown2
     );
@@ -7156,8 +7186,8 @@ var CustomBubbleMenu = ({
       unsubscribePointerDown();
       unsubscribeKeyDown();
     };
-  }, [closeBubbleMenu, editor, isVisible]);
-  if (!isVisible) return null;
+  }, [closeBubbleMenu, editor, isVisible, portalDocument]);
+  if (!isVisible || !portalContainer) return null;
   const context = getBubbleMenuContext(editor);
   if (context === "none") return null;
   return createPortal(
@@ -7209,13 +7239,16 @@ var CustomBubbleMenu = ({
         )
       }
     ),
-    document.body
+    portalContainer
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
   const FLOATING_MENU_OFFSET = 16;
   const [isVisible, setIsVisible] = useState5(false);
   const [position, setPosition2] = useState5({ top: 0, left: 0 });
+  const getPortalContainer = useUEditorPortalContainerGetter();
+  const portalContainer = isVisible ? resolveUEditorPortalContainer(getPortalContainer) : null;
+  const editorWindow = editor.view.dom.ownerDocument.defaultView;
   useEffect5(() => {
     const updatePosition = () => {
       const { state, view } = editor;
@@ -7233,23 +7266,23 @@ var CustomFloatingMenu = ({ editor }) => {
     let animationFrameId = null;
     const schedulePositionUpdate = () => {
       if (animationFrameId !== null) return;
-      animationFrameId = requestAnimationFrame(() => {
+      animationFrameId = editorWindow?.requestAnimationFrame(() => {
         animationFrameId = null;
         updatePosition();
-      });
+      }) ?? null;
     };
     editor.on("transaction", schedulePositionUpdate);
     editor.on("focus", schedulePositionUpdate);
     editor.on("blur", handleBlur);
     schedulePositionUpdate();
     return () => {
-      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
+      if (animationFrameId !== null) editorWindow?.cancelAnimationFrame(animationFrameId);
       editor.off("transaction", schedulePositionUpdate);
       editor.off("focus", schedulePositionUpdate);
       editor.off("blur", handleBlur);
     };
-  }, [editor]);
-  if (!isVisible) return null;
+  }, [editor, editorWindow]);
+  if (!isVisible || !portalContainer) return null;
   return createPortal(
     /* @__PURE__ */ jsx12(
       "div",
@@ -7265,7 +7298,7 @@ var CustomFloatingMenu = ({ editor }) => {
         children: /* @__PURE__ */ jsx12(FloatingMenuContent, { editor })
       }
     ),
-    document.body
+    portalContainer
   );
 };
 
@@ -12490,11 +12523,15 @@ function nearestIndex(centers, position) {
   });
   return bestIndex;
 }
+function setDocumentCursor(ownerDocument, cursor) {
+  ownerDocument.body.style.cursor = cursor;
+}
 function getSelectedCell(editor) {
-  const browserSelection = window.getSelection();
+  const editorWindow = editor.view.dom.ownerDocument.defaultView;
+  const browserSelection = editorWindow?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (anchorCell instanceof HTMLTableCellElement) {
+  if (editorWindow && anchorCell instanceof editorWindow.HTMLTableCellElement) {
     return anchorCell;
   }
   const domAtPos = editor.view.domAtPos(editor.state.selection.from);
@@ -12502,6 +12539,8 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef, showCellInspector = true }) {
   const t = useSmartTranslations("UEditor");
+  const editorDocument = editor.view.dom.ownerDocument;
+  const editorWindow = editorDocument.defaultView;
   const [layout, setLayout] = React10.useState(null);
   const [dragPreview, setDragPreview] = React10.useState(null);
   const [tableResizeActive, setTableResizeActive] = React10.useState(false);
@@ -12532,17 +12571,18 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   }, [editor, syncFromCell]);
   const scheduleSyncFromSelection = React10.useCallback(() => {
     if (syncFrameRef.current !== null) return;
-    syncFrameRef.current = window.requestAnimationFrame(() => {
+    if (!editorWindow) return;
+    syncFrameRef.current = editorWindow.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
-  }, [syncFromSelection]);
+  }, [editorWindow, syncFromSelection]);
   React10.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
-      window.cancelAnimationFrame(syncFrameRef.current);
+      editorWindow?.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
-  }, []);
+  }, [editorWindow]);
   const refreshCurrentLayout = React10.useCallback(() => {
     const currentLayout = layoutRef.current;
     if (!currentLayout) return;
@@ -12560,17 +12600,18 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   }, [containerRef, editor]);
   const scheduleCurrentLayoutRefresh = React10.useCallback(() => {
     if (!layoutRef.current || layoutRefreshFrameRef.current !== null) return;
-    layoutRefreshFrameRef.current = window.requestAnimationFrame(() => {
+    if (!editorWindow) return;
+    layoutRefreshFrameRef.current = editorWindow.requestAnimationFrame(() => {
       layoutRefreshFrameRef.current = null;
       refreshCurrentLayout();
     });
-  }, [refreshCurrentLayout]);
+  }, [editorWindow, refreshCurrentLayout]);
   React10.useEffect(() => () => {
     if (layoutRefreshFrameRef.current !== null) {
-      window.cancelAnimationFrame(layoutRefreshFrameRef.current);
+      editorWindow?.cancelAnimationFrame(layoutRefreshFrameRef.current);
       layoutRefreshFrameRef.current = null;
     }
-  }, []);
+  }, [editorWindow]);
   const updateTableResizePreview = React10.useCallback((dimensions) => {
     const frame = tableResizeFrameRef.current;
     if (!frame) return;
@@ -12600,15 +12641,15 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       }
     }
     if (tableResizePreviewFrameRef.current !== null) {
-      window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+      editorWindow?.cancelAnimationFrame(tableResizePreviewFrameRef.current);
       tableResizePreviewFrameRef.current = null;
     }
     dragStateRef.current = null;
     setDragPreview(null);
     setTableResizeActive(false);
     resetTableResizePreview();
-    document.body.style.cursor = "";
-  }, [resetTableResizePreview]);
+    setDocumentCursor(editorDocument, "");
+  }, [editorDocument, editorWindow, resetTableResizePreview]);
   const updateHoverState = React10.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
@@ -12689,7 +12730,8 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     surface.addEventListener("mousemove", handleSurfaceMouseMove);
     surface.addEventListener("scroll", scheduleCurrentLayoutRefresh, scrollListenerOptions);
     surface.addEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, scheduleCurrentLayoutRefresh);
-    const unsubscribeResize = subscribeSharedGlobalEvent(window, "resize", scheduleCurrentLayoutRefresh);
+    if (!editorWindow) return void 0;
+    const unsubscribeResize = subscribeSharedGlobalEvent(editorWindow, "resize", scheduleCurrentLayoutRefresh);
     editor.on("selectionUpdate", scheduleSyncFromSelection);
     editor.on("update", scheduleCurrentLayoutRefresh);
     syncFromSelection();
@@ -12708,7 +12750,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       editor.off("selectionUpdate", scheduleSyncFromSelection);
       editor.off("update", scheduleCurrentLayoutRefresh);
     };
-  }, [clearDrag, containerRef, editor, scheduleCurrentLayoutRefresh, scheduleSyncFromSelection, syncFromCell, syncFromSelection, updateHoverState]);
+  }, [clearDrag, containerRef, editor, editorWindow, scheduleCurrentLayoutRefresh, scheduleSyncFromSelection, syncFromCell, syncFromSelection, updateHoverState]);
   const runAtCellPos = React10.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
@@ -12782,20 +12824,20 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       pendingDimensions
     };
     updateTableResizePreview(pendingDimensions);
-    document.body.style.cursor = "nwse-resize";
-  }, [editor, updateTableResizePreview]);
+    setDocumentCursor(editorDocument, "nwse-resize");
+  }, [editor, editorDocument, updateTableResizePreview]);
   const startAddColumnDrag = React10.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
     setDragPreview({ kind: "add-column", previewCols: 1 });
-    document.body.style.cursor = "ew-resize";
-  }, []);
+    setDocumentCursor(editorDocument, "ew-resize");
+  }, [editorDocument]);
   const startAddRowDrag = React10.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-row", previewRows: 1 };
     setDragPreview({ kind: "add-row", previewRows: 1 });
-    document.body.style.cursor = "ns-resize";
-  }, []);
+    setDocumentCursor(editorDocument, "ns-resize");
+  }, [editorDocument]);
   const startRowDrag = React10.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
@@ -12811,8 +12853,8 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       targetStart: rowHandle.start,
       targetSize: rowHandle.size
     });
-    document.body.style.cursor = "grabbing";
-  }, []);
+    setDocumentCursor(editorDocument, "grabbing");
+  }, [editorDocument]);
   const startColumnDrag = React10.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
@@ -12828,9 +12870,10 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       targetStart: columnHandle.start,
       targetSize: columnHandle.size
     });
-    document.body.style.cursor = "grabbing";
-  }, []);
+    setDocumentCursor(editorDocument, "grabbing");
+  }, [editorDocument]);
   React10.useEffect(() => {
+    if (!editorWindow) return;
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -12854,7 +12897,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
           targetStart: targetRow.start,
           targetSize: targetRow.size
         });
-        document.body.style.cursor = "grabbing";
+        setDocumentCursor(editorDocument, "grabbing");
         return;
       }
       if (dragState.kind === "column") {
@@ -12869,20 +12912,20 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
           targetStart: targetColumn.start,
           targetSize: targetColumn.size
         });
-        document.body.style.cursor = "grabbing";
+        setDocumentCursor(editorDocument, "grabbing");
         return;
       }
       if (dragState.kind === "add-column") {
         const previewCols = Math.max(1, 1 + Math.floor(Math.max(0, relativeX - (activeLayout.tableLeft + activeLayout.tableWidth)) / activeLayout.avgColumnWidth));
         dragState.previewCols = previewCols;
         setDragPreview({ kind: "add-column", previewCols });
-        document.body.style.cursor = "ew-resize";
+        setDocumentCursor(editorDocument, "ew-resize");
         return;
       }
       const previewRows = Math.max(1, 1 + Math.floor(Math.max(0, relativeY - (activeLayout.tableTop + activeLayout.tableHeight)) / activeLayout.avgRowHeight));
       dragState.previewRows = previewRows;
       setDragPreview({ kind: "add-row", previewRows });
-      document.body.style.cursor = "ns-resize";
+      setDocumentCursor(editorDocument, "ns-resize");
     };
     const handleMouseUp = () => {
       const dragState = dragStateRef.current;
@@ -12914,19 +12957,20 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       clearDrag();
     };
     const unsubscribeMouseMove = subscribeSharedGlobalEvent(
-      window,
+      editorWindow,
       "mousemove",
       handleMouseMove2
     );
-    const unsubscribeMouseUp = subscribeSharedGlobalEvent(window, "mouseup", handleMouseUp);
-    const unsubscribeBlur = subscribeSharedGlobalEvent(window, "blur", clearDrag);
+    const unsubscribeMouseUp = subscribeSharedGlobalEvent(editorWindow, "mouseup", handleMouseUp);
+    const unsubscribeBlur = subscribeSharedGlobalEvent(editorWindow, "blur", clearDrag);
     return () => {
       unsubscribeMouseMove();
       unsubscribeMouseUp();
       unsubscribeBlur();
     };
-  }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
+  }, [clearDrag, containerRef, editor, editorDocument, editorWindow, expandTableBy, scheduleSyncFromSelection]);
   React10.useEffect(() => {
+    if (!editorWindow) return;
     const handlePointerMove = (event) => {
       const dragState = dragStateRef.current;
       if (!dragState || dragState.kind !== "resize-table" || event.pointerId !== dragState.pointerId) return;
@@ -12938,21 +12982,22 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         snapshot: dragState.snapshot
       });
       if (tableResizePreviewFrameRef.current === null) {
-        tableResizePreviewFrameRef.current = window.requestAnimationFrame(() => {
+        if (!editorWindow) return;
+        tableResizePreviewFrameRef.current = editorWindow.requestAnimationFrame(() => {
           tableResizePreviewFrameRef.current = null;
           const currentDragState = dragStateRef.current;
           if (!currentDragState || currentDragState.kind !== "resize-table") return;
           updateTableResizePreview(currentDragState.pendingDimensions);
         });
       }
-      document.body.style.cursor = "nwse-resize";
+      setDocumentCursor(editorDocument, "nwse-resize");
       if (event.cancelable) event.preventDefault();
     };
     const finishTableResize = (event, commit) => {
       const dragState = dragStateRef.current;
       if (!dragState || dragState.kind !== "resize-table" || event.pointerId !== dragState.pointerId) return;
       if (tableResizePreviewFrameRef.current !== null) {
-        window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+        editorWindow?.cancelAnimationFrame(tableResizePreviewFrameRef.current);
         tableResizePreviewFrameRef.current = null;
       }
       updateTableResizePreview(dragState.pendingDimensions);
@@ -12964,18 +13009,18 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     const handlePointerUp = (event) => finishTableResize(event, true);
     const handlePointerCancel = (event) => finishTableResize(event, false);
     const unsubscribePointerMove = subscribeSharedGlobalEvent(
-      window,
+      editorWindow,
       "pointermove",
       handlePointerMove,
       { passive: false }
     );
     const unsubscribePointerUp = subscribeSharedGlobalEvent(
-      window,
+      editorWindow,
       "pointerup",
       handlePointerUp
     );
     const unsubscribePointerCancel = subscribeSharedGlobalEvent(
-      window,
+      editorWindow,
       "pointercancel",
       handlePointerCancel
     );
@@ -12984,11 +13029,11 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       unsubscribePointerUp();
       unsubscribePointerCancel();
       if (tableResizePreviewFrameRef.current !== null) {
-        window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+        editorWindow?.cancelAnimationFrame(tableResizePreviewFrameRef.current);
         tableResizePreviewFrameRef.current = null;
       }
     };
-  }, [clearDrag, editor, scheduleSyncFromSelection, updateTableResizePreview]);
+  }, [clearDrag, editor, editorDocument, editorWindow, scheduleSyncFromSelection, updateTableResizePreview]);
   const openCellInspector = React10.useCallback(() => {
     const cellPos = layoutRef.current?.cellPos;
     if (!showCellInspector || cellPos == null) return;
@@ -12997,10 +13042,10 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       headCell: cellPos
     });
     if (!didSelect) return;
-    window.requestAnimationFrame(() => {
+    editorWindow?.requestAnimationFrame(() => {
       if (!editor.isDestroyed) editor.view.focus();
     });
-  }, [editor, showCellInspector]);
+  }, [editor, editorWindow, showCellInspector]);
   const menuItems = React10.useMemo(() => {
     if (!layout) return [];
     return [
@@ -13229,6 +13274,10 @@ import React12, { useEffect as useEffect6, useRef as useRef6 } from "react";
 
 // src/components/UEditor/use-table-row-resize.ts
 import React11, { useRef as useRef5 } from "react";
+function setRowResizeBodyState(ownerDocument, active) {
+  ownerDocument.body.style.userSelect = active ? "none" : "";
+  ownerDocument.body.style.cursor = active ? "row-resize" : "";
+}
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -13268,9 +13317,9 @@ function useTableRowResize({
     };
     showRowGuide(table, row, cell, startHeight);
     isRowResizingGlobal.active = true;
-    window.getSelection()?.removeAllRanges();
-    document.body.style.userSelect = "none";
-    document.body.style.cursor = "row-resize";
+    const editorDocument = editor.view.dom.ownerDocument;
+    editorDocument.defaultView?.getSelection()?.removeAllRanges();
+    setRowResizeBodyState(editorDocument, true);
     event.preventDefault();
     event.stopPropagation();
     return true;
@@ -13283,13 +13332,13 @@ function useTableRowResize({
       Math.round(state.startHeight + (event.clientY - state.startY))
     );
     if (nextHeight === state.pendingHeight) {
-      document.body.style.cursor = "row-resize";
+      setRowResizeBodyState(state.rowElement.ownerDocument, true);
       showRowGuide(state.tableElement, state.rowElement, state.cellElement, state.pendingHeight);
       return;
     }
     state.pendingHeight = nextHeight;
     state.previewHeight = nextHeight;
-    document.body.style.cursor = "row-resize";
+    setRowResizeBodyState(state.rowElement.ownerDocument, true);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
   const handlePointerUp = React11.useCallback((event) => {
@@ -13312,28 +13361,29 @@ function useTableRowResize({
     }
     stateRef.current = null;
     isRowResizingGlobal.active = false;
-    document.body.style.userSelect = "";
-    document.body.style.cursor = "";
+    setRowResizeBodyState(state.rowElement.ownerDocument, false);
     clearHoveredTableCell();
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
   const cancelResize = React11.useCallback(() => {
-    if (!stateRef.current) return;
+    const state = stateRef.current;
+    if (!state) return;
     stateRef.current = null;
     isRowResizingGlobal.active = false;
-    document.body.style.userSelect = "";
-    document.body.style.cursor = "";
+    setRowResizeBodyState(state.rowElement.ownerDocument, false);
     clearHoveredTableCell();
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
   const cleanup = React11.useCallback(() => {
+    const editorDocument = stateRef.current?.rowElement.ownerDocument ?? editor?.view.dom.ownerDocument;
     stateRef.current = null;
     isRowResizingGlobal.active = false;
-    document.body.style.userSelect = "";
-    document.body.style.cursor = "";
-  }, []);
+    if (editorDocument) {
+      setRowResizeBodyState(editorDocument, false);
+    }
+  }, [editor]);
   return {
     beginResize,
     cancelResize,
@@ -13384,7 +13434,8 @@ function useUEditorTableInteractions(editor, editable = true) {
   const activeHotspotKeyRef = useRef6(null);
   const clearHotspotTimer = React12.useCallback(() => {
     if (hotspotTimerRef.current !== null) {
-      window.clearTimeout(hotspotTimerRef.current);
+      const realm = editorContentRef.current?.ownerDocument.defaultView;
+      realm?.clearTimeout(hotspotTimerRef.current);
       hotspotTimerRef.current = null;
     }
   }, []);
@@ -13412,12 +13463,14 @@ function useUEditorTableInteractions(editor, editable = true) {
   }, []);
   const scheduleTableLayoutSync = React12.useCallback(() => {
     if (!activeTableCellRef.current || tableLayoutSyncFrameRef.current !== null) return;
-    tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
+    const realm = editorContentRef.current?.ownerDocument.defaultView;
+    if (!realm) return;
+    tableLayoutSyncFrameRef.current = realm.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
       const activeCell = activeTableCellRef.current;
       if (!activeCell) return;
       updateActiveCellHighlight(activeCell);
-      editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
+      editorContentRef.current?.dispatchEvent(new realm.CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
   const setActiveTableCell = React12.useCallback((cell) => {
@@ -13495,6 +13548,9 @@ function useUEditorTableInteractions(editor, editable = true) {
   useEffect6(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
+    const editorDocument = proseMirror.ownerDocument;
+    const editorWindow = editorDocument.defaultView;
+    if (!editorWindow) return void 0;
     const surface = editorContentRef.current;
     let selectionSyncFrameId = 0;
     let selectionSyncTimeoutId = 0;
@@ -13510,14 +13566,14 @@ function useUEditorTableInteractions(editor, editable = true) {
         setActiveTableCell(getSelectionTableCell(editor.view) ?? pendingFallbackCell);
       };
       if (selectionSyncFrameId === 0) {
-        selectionSyncFrameId = window.requestAnimationFrame(() => {
+        selectionSyncFrameId = editorWindow.requestAnimationFrame(() => {
           selectionSyncFrameId = 0;
           syncActiveCell();
           if (selectionSyncTimeoutId === 0) pendingFallbackCell = null;
         });
       }
-      window.clearTimeout(selectionSyncTimeoutId);
-      selectionSyncTimeoutId = window.setTimeout(() => {
+      editorWindow.clearTimeout(selectionSyncTimeoutId);
+      selectionSyncTimeoutId = editorWindow.setTimeout(() => {
         selectionSyncTimeoutId = 0;
         syncActiveCell();
         if (selectionSyncFrameId === 0) pendingFallbackCell = null;
@@ -13538,12 +13594,12 @@ function useUEditorTableInteractions(editor, editable = true) {
         return;
       }
       const target = resolveEventElement(event.target);
-      if (!(target instanceof Element)) {
+      if (!(target instanceof editorWindow.Element)) {
         clearAllTableResizeHover();
         return;
       }
       const cell = target.closest("th,td");
-      if (!(cell instanceof HTMLElement)) {
+      if (!(cell instanceof editorWindow.HTMLElement)) {
         clearHoveredTableCell();
         clearAllTableResizeHover();
         return;
@@ -13551,7 +13607,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       setHoveredTableCell(cell);
       const row = cell.closest("tr");
       const table = cell.closest("table");
-      if (!(row instanceof HTMLTableRowElement) || !(table instanceof HTMLTableElement)) {
+      if (!(row instanceof editorWindow.HTMLTableRowElement) || !(table instanceof editorWindow.HTMLTableElement)) {
         clearHoveredTableCell();
         clearAllTableResizeHover();
         return;
@@ -13568,7 +13624,7 @@ function useUEditorTableInteractions(editor, editable = true) {
         if (activeHotspotKeyRef.current !== hotspotKey) {
           clearHotspotTimer();
           activeHotspotKeyRef.current = hotspotKey;
-          hotspotTimerRef.current = window.setTimeout(() => {
+          hotspotTimerRef.current = editorWindow.setTimeout(() => {
             hotspotTimerRef.current = null;
             hideColumnGuide();
             showRowGuide(table, rowTarget.row, rowTarget.cell);
@@ -13586,7 +13642,7 @@ function useUEditorTableInteractions(editor, editable = true) {
         if (activeHotspotKeyRef.current !== hotspotKey) {
           clearHotspotTimer();
           activeHotspotKeyRef.current = hotspotKey;
-          hotspotTimerRef.current = window.setTimeout(() => {
+          hotspotTimerRef.current = editorWindow.setTimeout(() => {
             hotspotTimerRef.current = null;
             hideRowGuide();
             showColumnGuide(table, colTarget.row, colTarget.cell);
@@ -13607,23 +13663,23 @@ function useUEditorTableInteractions(editor, editable = true) {
     const handleEditorMouseDown = (event) => {
       if (event.button !== 0) return;
       const target = resolveEventElement(event.target);
-      if (!(target instanceof Element)) {
+      if (!(target instanceof editorWindow.Element)) {
         clearActiveTableCell();
         return;
       }
       const cell = target.closest("th,td");
-      if (!(cell instanceof HTMLTableCellElement)) {
+      if (!(cell instanceof editorWindow.HTMLTableCellElement)) {
         clearActiveTableCell();
         return;
       }
       const row = cell.closest("tr");
       const table = cell.closest("table");
-      if (!(row instanceof HTMLTableRowElement) || !(table instanceof HTMLTableElement)) return;
+      if (!(row instanceof editorWindow.HTMLTableRowElement) || !(table instanceof editorWindow.HTMLTableElement)) return;
       const rowTarget = resolveRowResizeTarget(cell, event.clientX, event.clientY);
       if (rowTarget) {
         event.preventDefault();
         event.stopPropagation();
-        window.getSelection()?.removeAllRanges();
+        editorWindow.getSelection()?.removeAllRanges();
         if (beginResize(event, table, rowTarget.row, rowTarget.cell)) {
           suppressActiveCellHighlightRef.current = true;
           updateActiveCellHighlight(null);
@@ -13641,7 +13697,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       handleRowResizePointerUp(event);
       if (wasRowResizing) {
         suppressActiveCellHighlightRef.current = false;
-        requestAnimationFrame(() => {
+        editorWindow.requestAnimationFrame(() => {
           updateActiveCellHighlight(activeTableCellRef.current);
         });
       }
@@ -13662,24 +13718,24 @@ function useUEditorTableInteractions(editor, editable = true) {
     proseMirror.addEventListener("keyup", handleSelectionChange);
     proseMirror.addEventListener("focusin", handleSelectionChange);
     const unsubscribeSelectionChange = subscribeSharedGlobalEvent(
-      document,
+      editorDocument,
       "selectionchange",
       handleSelectionChange
     );
     surface?.addEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, handleActiveCellLayoutChange);
     surface?.addEventListener("scroll", handleActiveCellLayoutChange, scrollListenerOptions);
-    const unsubscribeResize = subscribeSharedGlobalEvent(window, "resize", handleActiveCellLayoutChange);
+    const unsubscribeResize = subscribeSharedGlobalEvent(editorWindow, "resize", handleActiveCellLayoutChange);
     const unsubscribePointerMove = subscribeSharedGlobalEvent(
-      document,
+      editorDocument,
       "pointermove",
       handlePointerMove
     );
     const unsubscribePointerUp = subscribeSharedGlobalEvent(
-      document,
+      editorDocument,
       "pointerup",
       handlePointerUp
     );
-    const unsubscribeWindowBlur = subscribeSharedGlobalEvent(window, "blur", handleWindowBlur);
+    const unsubscribeWindowBlur = subscribeSharedGlobalEvent(editorWindow, "blur", handleWindowBlur);
     editor.on("selectionUpdate", syncActiveTableCellFromSelection);
     editor.on("focus", syncActiveTableCellFromSelection);
     editor.on("blur", clearActiveTableCell);
@@ -13705,18 +13761,18 @@ function useUEditorTableInteractions(editor, editable = true) {
       editor.off("blur", clearActiveTableCell);
       editor.off("update", scheduleTableLayoutSync);
       if (selectionSyncFrameId !== 0) {
-        window.cancelAnimationFrame(selectionSyncFrameId);
+        editorWindow.cancelAnimationFrame(selectionSyncFrameId);
         selectionSyncFrameId = 0;
       }
-      window.clearTimeout(selectionSyncTimeoutId);
+      editorWindow.clearTimeout(selectionSyncTimeoutId);
       pendingFallbackCell = null;
       if (tableLayoutSyncFrameRef.current !== null) {
-        window.cancelAnimationFrame(tableLayoutSyncFrameRef.current);
+        editorWindow.cancelAnimationFrame(tableLayoutSyncFrameRef.current);
         tableLayoutSyncFrameRef.current = null;
       }
       cleanupRowResize();
       suppressActiveCellHighlightRef.current = false;
-      document.body.style.cursor = "";
+      editorDocument.body.style.cursor = "";
       clearActiveTableCell();
       clearHoveredTableCell();
       clearAllTableResizeHover();
@@ -13982,21 +14038,21 @@ function setPosition(element, left, top, width, height) {
   if (width != null) element.style.width = `${Math.max(0, width)}px`;
   if (height != null) element.style.height = `${Math.max(0, height)}px`;
 }
-function createCoordinateLabel(kind, label) {
-  const element = document.createElement("span");
+function createCoordinateLabel(ownerDocument, kind, label) {
+  const element = ownerDocument.createElement("span");
   element.dataset.ueditorFormulaCoordinate = kind;
   element.textContent = label;
   element.className = "pointer-events-none absolute z-30 flex items-center justify-center rounded-[3px] border border-primary/35 bg-primary/90 px-1 font-mono text-[10px] font-semibold leading-none text-primary-foreground shadow-sm";
   return element;
 }
-function createReferenceHighlight(label) {
-  const element = document.createElement("span");
+function createReferenceHighlight(ownerDocument, label) {
+  const element = ownerDocument.createElement("span");
   element.dataset.ueditorFormulaReference = label;
   element.className = "pointer-events-none absolute z-[21] rounded-[2px] border-2 border-emerald-500 bg-emerald-500/15";
   return element;
 }
-function createBlockedReferenceHighlight(label) {
-  const element = document.createElement("span");
+function createBlockedReferenceHighlight(ownerDocument, label) {
+  const element = ownerDocument.createElement("span");
   element.dataset.ueditorFormulaBlockedReference = label;
   element.className = "pointer-events-none absolute z-[22] rounded-[2px] border-2 border-destructive/80 bg-destructive/10";
   return element;
@@ -14008,6 +14064,9 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
     const overlay = overlayRef.current;
     const container = containerRef.current;
     if (!overlay || !container) return void 0;
+    const editorDocument = overlay.ownerDocument;
+    const editorWindow = editorDocument.defaultView;
+    if (!editorWindow) return void 0;
     let animationFrame = null;
     let activeTable = null;
     let activeTablePos = null;
@@ -14037,7 +14096,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       const rowSegments = Array(map.height);
       const cellInfos = [];
       for (const cell of context.tableDom.querySelectorAll("th,td")) {
-        if (!(cell instanceof HTMLTableCellElement)) continue;
+        if (!(cell instanceof editorWindow.HTMLTableCellElement)) continue;
         const info = getFormulaTableCellInfo(editor.view, cell, context.tablePos);
         if (!info) continue;
         cellInfos.push(info);
@@ -14068,7 +14127,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       const fallbackColumnWidth = map.width > 0 ? tableRect.width / map.width : 0;
       const fallbackRowHeight = map.height > 0 ? tableRect.height / map.height : 0;
       const children = [];
-      const actions = document.createElement("div");
+      const actions = editorDocument.createElement("div");
       actions.dataset.ueditorFormulaActions = "";
       actions.className = "pointer-events-auto absolute z-50 flex items-center gap-1 rounded-md border border-border bg-background p-1 shadow-md";
       const formulaCellRect = context.cellDom.getBoundingClientRect();
@@ -14079,13 +14138,13 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
         formulaCellRect.left - containerRect.left + container.scrollLeft,
         formulaActionsTop - containerRect.top + container.scrollTop
       );
-      const applyButton = document.createElement("button");
+      const applyButton = editorDocument.createElement("button");
       applyButton.type = "button";
       applyButton.dataset.ueditorFormulaApply = "";
       applyButton.disabled = isDraftTableFormula(context.formula);
       applyButton.textContent = `${applyButton.disabled ? "" : "\u2713 "}${labels.apply} (Enter)`;
       applyButton.className = "rounded bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-45";
-      const cancelButton = document.createElement("button");
+      const cancelButton = editorDocument.createElement("button");
       cancelButton.type = "button";
       cancelButton.dataset.ueditorFormulaCancel = "";
       cancelButton.textContent = `${labels.cancel} (Esc)`;
@@ -14114,7 +14173,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
           size: fallbackColumnWidth,
           span: map.width
         };
-        const label = createCoordinateLabel("column", indexToColumnName(column));
+        const label = createCoordinateLabel(editorDocument, "column", indexToColumnName(column));
         setPosition(label, segment.start, Math.max(0, tableTop - 22), segment.size, 20);
         children.push(label);
       }
@@ -14124,7 +14183,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
           size: fallbackRowHeight,
           span: map.height
         };
-        const label = createCoordinateLabel("row", String(row + 1));
+        const label = createCoordinateLabel(editorDocument, "row", String(row + 1));
         setPosition(label, Math.max(0, tableLeft - 28), segment.start, 26, segment.size);
         children.push(label);
       }
@@ -14133,7 +14192,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       for (const info of cellInfos) {
         if (!info) continue;
         const cellRect = info.cell.getBoundingClientRect();
-        const highlight = info.label !== context.formulaCellLabel && blockedReferences.has(info.label) ? createBlockedReferenceHighlight(info.label) : references.has(info.label) ? createReferenceHighlight(info.label) : null;
+        const highlight = info.label !== context.formulaCellLabel && blockedReferences.has(info.label) ? createBlockedReferenceHighlight(editorDocument, info.label) : references.has(info.label) ? createReferenceHighlight(editorDocument, info.label) : null;
         if (!highlight) continue;
         setPosition(
           highlight,
@@ -14144,7 +14203,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
         );
         children.push(highlight);
       }
-      hoverLabel = document.createElement("span");
+      hoverLabel = editorDocument.createElement("span");
       hoverLabel.dataset.ueditorFormulaHoverLabel = "";
       hoverLabel.className = "pointer-events-none absolute z-40 hidden rounded bg-foreground px-1.5 py-1 font-mono text-[10px] font-semibold leading-none text-background shadow-md";
       children.push(hoverLabel);
@@ -14155,12 +14214,12 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
     };
     const scheduleSync = () => {
       if (animationFrame != null) return;
-      animationFrame = window.requestAnimationFrame(syncOverlay);
+      animationFrame = editorWindow.requestAnimationFrame(syncOverlay);
     };
     const handleMouseMove2 = (event) => {
       if (!activeTable || activeTablePos == null || !hoverLabel) return;
-      const target = event.target instanceof Element ? event.target.closest("th,td") : null;
-      if (!(target instanceof HTMLTableCellElement) || target.closest("table") !== activeTable) {
+      const target = event.target instanceof editorWindow.Element ? event.target.closest("th,td") : null;
+      if (!(target instanceof editorWindow.HTMLTableCellElement) || target.closest("table") !== activeTable) {
         hoverLabel.style.display = "none";
         return;
       }
@@ -14190,7 +14249,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
     editor.view.dom.addEventListener("mouseleave", handleMouseLeave2);
     container.addEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, scheduleSync);
     container.addEventListener("scroll", scheduleSync, scrollListenerOptions);
-    const unsubscribeResize = subscribeSharedGlobalEvent(window, "resize", scheduleSync);
+    const unsubscribeResize = subscribeSharedGlobalEvent(editorWindow, "resize", scheduleSync);
     scheduleSync();
     return () => {
       editor.off("selectionUpdate", scheduleSync);
@@ -14202,7 +14261,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       container.removeEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, scheduleSync);
       container.removeEventListener("scroll", scheduleSync, scrollListenerOptions);
       unsubscribeResize();
-      if (animationFrame != null) window.cancelAnimationFrame(animationFrame);
+      if (animationFrame != null) editorWindow.cancelAnimationFrame(animationFrame);
       clearOverlay();
     };
   }, [containerRef, editor, labels.apply, labels.cancel]);
@@ -14445,10 +14504,11 @@ function useUEditorOutput({
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var LazyMenuBar = React15.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-SVX36W4S.js");
+  const { MenuBar } = await import("./menu-bar-YMEOEYJS.js");
   return { default: MenuBar };
 });
 var UEditor = React15.forwardRef(({
+  getPortalContainer,
   content = "",
   onChange,
   onHtmlChange,
@@ -14501,6 +14561,10 @@ var UEditor = React15.forwardRef(({
   const formulaRangePickRef = useRef10(null);
   const formulaRangeSurfaceRef = useRef10(null);
   const [formulaRangeHighlight, setFormulaRangeHighlight] = React15.useState(null);
+  const [isMenuBarVisible, setIsMenuBarVisible] = React15.useState(showMenuBar);
+  useEffect10(() => {
+    setIsMenuBarVisible(showMenuBar);
+  }, [showMenuBar]);
   const { flushOutputUpdates, scheduleOutputUpdate } = useUEditorOutput({
     onChange,
     onHtmlChange,
@@ -14531,6 +14595,7 @@ var UEditor = React15.forwardRef(({
   const extensions = useMemo2(
     () => [
       ...buildUEditorExtensions({
+        getPortalContainer,
         placeholder: effectivePlaceholder,
         translate: t,
         maxCharacters,
@@ -14545,7 +14610,7 @@ var UEditor = React15.forwardRef(({
       }),
       ...extraExtensions ?? []
     ],
-    [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
+    [getPortalContainer, effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
   const syncFormulaRangeHighlight = React15.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
@@ -14560,7 +14625,8 @@ var UEditor = React15.forwardRef(({
     editorProps: {
       handleDOMEvents: {
         mousedown: (view, event) => {
-          if (!(event instanceof MouseEvent)) return false;
+          const MouseEventCtor = view.dom.ownerDocument.defaultView?.MouseEvent;
+          if (!MouseEventCtor || !(event instanceof MouseEventCtor)) return false;
           const pickState = beginFormulaRangePick(view, event);
           if (!pickState) return false;
           formulaRangePickRef.current = pickState;
@@ -14568,7 +14634,8 @@ var UEditor = React15.forwardRef(({
           return true;
         },
         mousemove: (view, event) => {
-          if (!(event instanceof MouseEvent)) return false;
+          const MouseEventCtor = view.dom.ownerDocument.defaultView?.MouseEvent;
+          if (!MouseEventCtor || !(event instanceof MouseEventCtor)) return false;
           const pickState = formulaRangePickRef.current;
           if (!pickState) return false;
           if (event.buttons === 0) {
@@ -14582,7 +14649,8 @@ var UEditor = React15.forwardRef(({
           return true;
         },
         mouseup: (_view, event) => {
-          if (!(event instanceof MouseEvent)) return false;
+          const MouseEventCtor = _view.dom.ownerDocument.defaultView?.MouseEvent;
+          if (!MouseEventCtor || !(event instanceof MouseEventCtor)) return false;
           if (!formulaRangePickRef.current) return false;
           formulaRangePickRef.current = null;
           syncFormulaRangeHighlight(null);
@@ -14591,7 +14659,8 @@ var UEditor = React15.forwardRef(({
           return true;
         },
         keydown: (_view, event) => {
-          if (!(event instanceof KeyboardEvent)) return false;
+          const KeyboardEventCtor = _view.dom.ownerDocument.defaultView?.KeyboardEvent;
+          if (!KeyboardEventCtor || !(event instanceof KeyboardEventCtor)) return false;
           const formulaContext = getFormulaEditingTableContext(_view);
           if (formulaContext && event.key === "Enter") {
             event.preventDefault();
@@ -14621,7 +14690,8 @@ var UEditor = React15.forwardRef(({
           return false;
         },
         click: (view, event) => {
-          if (!(event instanceof MouseEvent)) return false;
+          const editorWindow = view.dom.ownerDocument.defaultView;
+          if (!editorWindow || !(event instanceof editorWindow.MouseEvent)) return false;
           if (event.button !== 0) return false;
           const target = resolveEventElement(event.target);
           const anchor = target?.closest?.("a[href]");
@@ -14631,7 +14701,7 @@ var UEditor = React15.forwardRef(({
           if (!view.state.selection.empty) return false;
           event.preventDefault();
           event.stopPropagation();
-          window.open(href, "_blank", "noopener,noreferrer");
+          editorWindow.open(href, "_blank", "noopener,noreferrer");
           return true;
         }
       },
@@ -14658,7 +14728,8 @@ var UEditor = React15.forwardRef(({
     },
     onBlur: ({ editor: editor2, event }) => {
       const nextTarget = event.relatedTarget;
-      if (nextTarget instanceof Element && nextTarget.closest("[data-ueditor-formula-bar]")) return;
+      const editorWindow = editor2.view.dom.ownerDocument.defaultView;
+      if (editorWindow && nextTarget instanceof editorWindow.Element && nextTarget.closest("[data-ueditor-formula-bar]")) return;
       const shouldRecalculate = pendingFormulaTextRecalculateRef.current;
       pendingFormulaTextRecalculateRef.current = false;
       if (shouldRecalculate) scheduleFormulaRecalculate(editor2, { force: true });
@@ -14733,16 +14804,16 @@ var UEditor = React15.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx20(UEditorPortalProvider, { getPortalContainer, children: /* @__PURE__ */ jsx20(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
         style: { minHeight },
         children: t("loading")
       }
-    );
+    ) });
   }
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx20(UEditorPortalProvider, { getPortalContainer, children: /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -14759,7 +14830,7 @@ var UEditor = React15.forwardRef(({
       ),
       children: [
         editable && (showMenuBar || showToolbar || showBubbleMenu) ? /* @__PURE__ */ jsxs17(EditorUiRenderStateProvider, { editor, children: [
-          showMenuBar && /* @__PURE__ */ jsx20(React15.Suspense, { fallback: null, children: /* @__PURE__ */ jsx20(
+          isMenuBarVisible && /* @__PURE__ */ jsx20(React15.Suspense, { fallback: null, children: /* @__PURE__ */ jsx20(
             LazyMenuBar,
             {
               editor,
@@ -14780,6 +14851,8 @@ var UEditor = React15.forwardRef(({
             {
               editor,
               variant,
+              isMenuBarVisible,
+              onToggleMenuBar: () => setIsMenuBarVisible((visible) => !visible),
               uploadImage,
               imageInsertMode,
               maxImageFileSize,
@@ -14888,7 +14961,7 @@ var UEditor = React15.forwardRef(({
         showFooter && showCharacterCount && /* @__PURE__ */ jsx20(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
-  );
+  ) });
 });
 UEditor.displayName = "UEditor";
 var UEditor_default = UEditor;
@@ -14900,4 +14973,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-WDY3QWOW.js.map
+//# sourceMappingURL=chunk-NWVDNVLR.js.map