@mdxeditor/editor 4.1.0 → 4.2.0

package/dist/MDXEditor.js

@@ -35,7 +35,7 @@ const RichTextEditor = () => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, topAreaChildren.map((Child, index) => /* @__PURE__ */ React__default.createElement(Child, { key: index })), /* @__PURE__ */ React__default.createElement(RenderRecursiveWrappers, { wrappers: editorWrappers }, /* @__PURE__ */ React__default.createElement("div", { className: classNames(styles.rootContentEditableWrapper, "mdxeditor-root-contenteditable") }, /* @__PURE__ */ React__default.createElement(
     RichTextPlugin,
     {
-      contentEditable: /* @__PURE__ */ React__default.createElement("div", { ref: onRef }, /* @__PURE__ */ React__default.createElement(
+      contentEditable: /* @__PURE__ */ React__default.createElement("div", { ref: onRef, className: "mdxeditor-contenteditable-wrapper" }, /* @__PURE__ */ React__default.createElement(
         ContentEditable,
         {
           className: classNames(styles.contentEditable, contentEditableClassName),

package/dist/index.d.ts

@@ -1160,6 +1160,8 @@ export declare interface EditLinkDialog {
     text: string;
     withAnchorText: boolean;
     linkNodeKey: string;
+    /** Set when the dialog targets a single inline decorator node (e.g. an image) instead of a text selection. */
+    decoratorNodeKey?: string;
     rectangle: RectData;
 }
 
@@ -1309,6 +1311,7 @@ export declare class FrontmatterNode extends DecoratorNode<JSX.Element> {
     setYaml(yaml: string): void;
     decorate(editor: LexicalEditor): JSX.Element;
     isKeyboardSelectable(): boolean;
+    isInline(): boolean;
 }
 
 /**
@@ -1385,6 +1388,17 @@ export declare function getCodeBlockLanguageSelectData(normalized: NormalizedCod
     }[];
 };
 
+/**
+ * Gets the coordinates of the DOM element that renders the node with the given key.
+ * @group Utils
+ */
+export declare function getNodeRectangle(editor: LexicalEditor, nodeKey: string): {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+} | null;
+
 /**
  * Gets the selected node from the Lexical editor.
  * @group Utils
@@ -1591,6 +1605,7 @@ export declare interface InactiveLinkDialog {
     type: 'inactive';
     rectangle?: undefined;
     linkNodeKey?: undefined;
+    decoratorNodeKey?: undefined;
 }
 
 /**
@@ -2623,6 +2638,8 @@ export declare interface PreviewLinkDialog {
     /** The fail-closed URL used only for automatic preview navigation. */
     href?: string;
     linkNodeKey: string;
+    /** Set when the link wraps a single inline decorator node (e.g. an image) that the dialog targets. */
+    decoratorNodeKey?: string;
     rectangle: RectData;
 }
 

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./styles/globals.css.js";
+/* empty css                   */
 export * from "@mdxeditor/gurx";
 import { MDXEditor } from "./MDXEditor.js";
 import { defaultSvgIcons } from "./defaultSvgIcons.js";
@@ -54,7 +54,7 @@ import { RemoteMDXEditorRealmProvider, remoteRealmPlugin, useRemoteMDXEditorReal
 import { CAN_USE_DOM, IS_APPLE, controlOrMeta } from "./utils/detectMac.js";
 import { always, call, compose, curry1to0, curry2to1, joinProc, noop, prop, tap, thrush } from "./utils/fp.js";
 import { isPartOftheEditorUI } from "./utils/isPartOftheEditorUI.js";
-import { fromWithinEditorRead, getSelectedNode, getSelectionAsMarkdown, getSelectionRectangle, getStateAsMarkdown } from "./utils/lexicalHelpers.js";
+import { fromWithinEditorRead, getNodeRectangle, getSelectedNode, getSelectionAsMarkdown, getSelectionRectangle, getStateAsMarkdown } from "./utils/lexicalHelpers.js";
 import { makeHslTransparent } from "./utils/makeHslTransparent.js";
 import { uuidv4 } from "./utils/uuid4.js";
 import { voidEmitter } from "./utils/voidEmitter.js";
@@ -62,13 +62,13 @@ import { RealmWithPlugins, realmPlugin } from "./RealmWithPlugins.js";
 import { DEFAULT_FORMAT, IS_BOLD, IS_CODE, IS_HIGHLIGHT, IS_ITALIC, IS_STRIKETHROUGH, IS_SUBSCRIPT, IS_SUPERSCRIPT, IS_UNDERLINE } from "./FormatConstants.js";
 import { lexicalTheme } from "./styles/lexicalTheme.js";
 import * as lexical from "lexical";
-import { htmlTags, isMdastHTMLNode } from "./plugins/core/MdastHTMLNode.js";
-import { $createGenericHTMLNode, $isGenericHTMLNode, GenericHTMLNode, TYPE_NAME } from "./plugins/core/GenericHTMLNode.js";
-import { $convertTableElement, $createTableNode, $isTableNode, TableNode } from "./plugins/table/TableNode.js";
-import { $createImageNode, $isImageNode, ImageNode } from "./plugins/image/ImageNode.js";
-import { $createFrontmatterNode, $isFrontmatterNode, FrontmatterNode } from "./plugins/frontmatter/FrontmatterNode.js";
 import { $convertPreElement, $createCodeBlockNode, $isCodeBlockNode, CodeBlockNode, useCodeBlockEditorContext } from "./plugins/codeblock/CodeBlockNode.js";
+import { $convertTableElement, $createTableNode, $isTableNode, TableNode } from "./plugins/table/TableNode.js";
 import { $createDirectiveNode, $isDirectiveNode, DirectiveNode } from "./plugins/directives/DirectiveNode.js";
+import { $createFrontmatterNode, $isFrontmatterNode, FrontmatterNode } from "./plugins/frontmatter/FrontmatterNode.js";
+import { $createGenericHTMLNode, $isGenericHTMLNode, GenericHTMLNode, TYPE_NAME } from "./plugins/core/GenericHTMLNode.js";
+import { $createImageNode, $isImageNode, ImageNode } from "./plugins/image/ImageNode.js";
+import { htmlTags, isMdastHTMLNode } from "./plugins/core/MdastHTMLNode.js";
 export {
   $convertPreElement,
   $convertTableElement,
@@ -242,6 +242,7 @@ export {
   frontmatterDialogOpen$,
   frontmatterPlugin,
   getCodeBlockLanguageSelectData,
+  getNodeRectangle,
   getSelectedNode,
   getSelectionAsMarkdown,
   getSelectionRectangle,

package/dist/plugins/codeblock/CodeBlockNode.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { useCellValue } from "@mdxeditor/gurx";
 import { DecoratorNode } from "lexical";
 import React__default from "react";

package/dist/plugins/codeblock/index.js

@@ -1,6 +1,6 @@
 import { CodeBlockVisitor } from "./CodeBlockVisitor.js";
 import { MdastCodeVisitor } from "./MdastCodeVisitor.js";
-import { Appender, defaultCodeBlockLanguage$, insertDecoratorNode$, codeBlockEditorDescriptors$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
+import { Appender, codeBlockEditorDescriptors$, defaultCodeBlockLanguage$, insertDecoratorNode$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
 import { $createCodeBlockNode, CodeBlockNode } from "./CodeBlockNode.js";
 import { $convertPreElement, $isCodeBlockNode, useCodeBlockEditorContext } from "./CodeBlockNode.js";
 import { Signal, withLatestFrom, map } from "@mdxeditor/gurx";

package/dist/plugins/codemirror/CodeMirrorEditor.js

@@ -5,7 +5,7 @@ import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
 import { useTranslation, readOnly$, iconComponentFor$ } from "../core/index.js";
 import { languages } from "@codemirror/language-data";
 import { EditorState } from "@codemirror/state";
-import { lineNumbers, keymap, EditorView } from "@codemirror/view";
+import { EditorView, lineNumbers, keymap } from "@codemirror/view";
 import { indentWithTab } from "@codemirror/commands";
 import { basicLight } from "cm6-theme-basic-light";
 import { basicSetup } from "codemirror";

package/dist/plugins/core/GenericHTMLNode.js

@@ -1,10 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { ElementNode, $applyNodeReplacement } from "lexical";
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { $applyNodeReplacement, ElementNode } from "lexical";
 const TYPE_NAME = "generic-html";
 class GenericHTMLNode extends ElementNode {
   /**

package/dist/plugins/core/NestedLexicalEditor.js

@@ -1,6 +1,6 @@
-import { $addUpdateTag, $getNodeByKey, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, BLUR_COMMAND, COMMAND_PRIORITY_EDITOR, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_HIGH, KEY_BACKSPACE_COMMAND, COMMAND_PRIORITY_CRITICAL, $getRoot } from "lexical";
+import { FOCUS_COMMAND, COMMAND_PRIORITY_LOW, BLUR_COMMAND, COMMAND_PRIORITY_EDITOR, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_HIGH, KEY_BACKSPACE_COMMAND, COMMAND_PRIORITY_CRITICAL, $getNodeByKey, $addUpdateTag, $getRoot } from "lexical";
 import React__default from "react";
-import { NESTED_EDITOR_UPDATED_COMMAND, rootEditor$, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, defaultCodeBlockLanguage$, jsxIsAvailable$, nestedEditorChildren$, lexicalTheme$, editorInFocus$, historyState$ } from "./index.js";
+import { rootEditor$, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, defaultCodeBlockLanguage$, jsxIsAvailable$, nestedEditorChildren$, lexicalTheme$, editorInFocus$, historyState$, NESTED_EDITOR_UPDATED_COMMAND } from "./index.js";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 import { LexicalExtensionEditorComposer } from "@lexical/react/LexicalExtensionEditorComposer";

package/dist/plugins/core/index.js

@@ -3,8 +3,8 @@ import { createEmptyHistoryState } from "@lexical/history";
 import { $isHeadingNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $wrapNodeInElement, $insertNodeToNearestRoot } from "@lexical/utils";
-import { Cell, Signal, withLatestFrom, filter, map, useCellValue, scan } from "@mdxeditor/gurx";
-import { createCommand, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getRoot, $setSelection, $getSelection, $insertNodes, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, DecoratorNode, $createParagraphNode, FOCUS_COMMAND, BLUR_COMMAND, $isRangeSelection, ParagraphNode, TextNode } from "lexical";
+import { Signal, Cell, withLatestFrom, map, filter, useCellValue, scan } from "@mdxeditor/gurx";
+import { createCommand, FORMAT_TEXT_COMMAND, $getSelection, $isRangeSelection, BLUR_COMMAND, COMMAND_PRIORITY_CRITICAL, SELECTION_CHANGE_COMMAND, $getRoot, DecoratorNode, $createParagraphNode, FOCUS_COMMAND, $isRootOrShadowRoot, $insertNodes, $setSelection, ParagraphNode, TextNode } from "lexical";
 import { gfmStrikethrough } from "micromark-extension-gfm-strikethrough";
 import { gfmStrikethroughToMarkdown, gfmStrikethroughFromMarkdown } from "mdast-util-gfm-strikethrough";
 import { highlightMarkToMarkdown, highlightMarkFromMarkdown } from "mdast-util-highlight-mark";

package/dist/plugins/diff-source/SourceEditor.js

@@ -1,6 +1,6 @@
 import { markdown } from "@codemirror/lang-markdown";
 import { EditorState } from "@codemirror/state";
-import { lineNumbers, EditorView } from "@codemirror/view";
+import { EditorView, lineNumbers } from "@codemirror/view";
 import { basicLight } from "cm6-theme-basic-light";
 import { basicSetup } from "codemirror";
 import React__default from "react";

package/dist/plugins/directives/DirectiveNode.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import React__default from "react";
 import { DecoratorNode } from "lexical";
 import { NestedEditorsContext } from "../core/NestedLexicalEditor.js";

package/dist/plugins/frontmatter/FrontmatterNode.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { DecoratorNode } from "lexical";
 import React__default from "react";
 import { FrontmatterEditor } from "./FrontmatterEditor.js";
@@ -62,6 +59,9 @@ class FrontmatterNode extends DecoratorNode {
   isKeyboardSelectable() {
     return false;
   }
+  isInline() {
+    return false;
+  }
 }
 function $createFrontmatterNode(yaml) {
   return new FrontmatterNode(yaml);

package/dist/plugins/frontmatter/index.js

@@ -1,5 +1,5 @@
 import { realmPlugin } from "../../RealmWithPlugins.js";
-import { rootEditor$, createRootEditorSubscription$, addToMarkdownExtension$, addExportVisitor$, addImportVisitor$, addLexicalNode$, addSyntaxExtension$, addMdastExtension$ } from "../core/index.js";
+import { createRootEditorSubscription$, rootEditor$, addToMarkdownExtension$, addExportVisitor$, addImportVisitor$, addLexicalNode$, addSyntaxExtension$, addMdastExtension$ } from "../core/index.js";
 import { Cell, Action, withLatestFrom } from "@mdxeditor/gurx";
 import { $getRoot, KEY_DOWN_COMMAND, $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_CRITICAL } from "lexical";
 import { frontmatterToMarkdown, frontmatterFromMarkdown } from "mdast-util-frontmatter";

package/dist/plugins/headings/index.js

@@ -44,13 +44,14 @@ const allowedHeadingLevels$ = Cell(ALL_HEADING_LEVELS, (r) => {
   });
 });
 const headingsPlugin = realmPlugin({
-  init(realm) {
+  init(realm, params) {
     realm.pubIn({
       [addActivePlugin$]: "headings",
       [addImportVisitor$]: MdastHeadingVisitor,
       [addLexicalNode$]: HeadingNode,
       [addExportVisitor$]: LexicalHeadingVisitor
     });
+    realm.pub(allowedHeadingLevels$, (params == null ? void 0 : params.allowedHeadingLevels) ?? ALL_HEADING_LEVELS);
   },
   update(realm, params) {
     realm.pub(allowedHeadingLevels$, (params == null ? void 0 : params.allowedHeadingLevels) ?? ALL_HEADING_LEVELS);

package/dist/plugins/image/ImageDialog.js

@@ -25,8 +25,7 @@ const ImageDialog = () => {
   const resetFormState = () => {
     reset({ src: "", title: "", altText: "", width: void 0, height: void 0 });
   };
-  if (state.type === "inactive")
-    return null;
+  if (state.type === "inactive") return null;
   return /* @__PURE__ */ React__default.createElement(
     Dialog.Root,
     {

package/dist/plugins/image/ImageEditor.js

@@ -132,8 +132,7 @@ function ImageEditor({ src, title, alt, nodeKey, width, height, rest }) {
   React__default.useEffect(() => {
     if (imagePreviewHandler) {
       const callPreviewHandler = async () => {
-        if (!initialImagePath)
-          setInitialImagePath(src);
+        if (!initialImagePath) setInitialImagePath(src);
         const updatedSrc = await imagePreviewHandler(src);
         setImageSource(updatedSrc);
       };

package/dist/plugins/image/ImageNode.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import React__default from "react";
 import { DecoratorNode } from "lexical";
 import { ImageEditor } from "./ImageEditor.js";

package/dist/plugins/image/index.js

@@ -1,13 +1,13 @@
 import { ImagePlaceholder } from "./ImagePlaceholder.js";
 import { mergeRegister, $wrapNodeInElement } from "@lexical/utils";
-import { Signal, Cell, Action, withLatestFrom, mapTo, map } from "@mdxeditor/gurx";
+import { Cell, Action, mapTo, withLatestFrom, Signal, map } from "@mdxeditor/gurx";
 import { createCommand, $getNodeByKey, $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, DRAGSTART_COMMAND, COMMAND_PRIORITY_HIGH, DRAGOVER_COMMAND, COMMAND_PRIORITY_LOW, DROP_COMMAND, PASTE_COMMAND, COMMAND_PRIORITY_CRITICAL, $createRangeSelection, $setSelection, $getSelection, $isNodeSelection } from "lexical";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { CAN_USE_DOM } from "../../utils/detectMac.js";
 import { activeEditor$, createActiveEditorSubscription$, addComposerChild$, addExportVisitor$, addLexicalNode$, addImportVisitor$ } from "../core/index.js";
 import { EditImageToolbar } from "./EditImageToolbar.js";
 import { ImageDialog } from "./ImageDialog.js";
-import { $createImageNode, ImageNode, $isImageNode } from "./ImageNode.js";
+import { $createImageNode, $isImageNode, ImageNode } from "./ImageNode.js";
 import { LexicalImageVisitor } from "./LexicalImageVisitor.js";
 import { MdastImageVisitor, MdastHtmlImageVisitor, MdastJsxImageVisitor } from "./MdastImageVisitor.js";
 const internalInsertImage$ = Signal((r) => {
@@ -129,8 +129,7 @@ const imageDialogState$ = Cell(
             }
             const cbPayload = Array.from(((_b = event.clipboardData) == null ? void 0 : _b.items) ?? []);
             const isMixedPayload = cbPayload.some((item) => !item.type.includes("image"));
-            if (isMixedPayload)
-              return false;
+            if (isMixedPayload) return false;
             if (!cbPayload.length || cbPayload.length === 0) {
               return false;
             }
@@ -173,8 +172,7 @@ const allowSetImageDimensions$ = Cell(false);
 const saveImage$ = Signal();
 const editImageToolbarComponent$ = Cell(EditImageToolbar);
 const parseImageDimension = (value) => {
-  if (typeof value === "undefined")
-    return void 0;
+  if (typeof value === "undefined") return void 0;
   const parsed = parseInt(String(value), 10);
   return Number.isNaN(parsed) ? void 0 : parsed;
 };

package/dist/plugins/jsx/LexicalJsxNode.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { DecoratorNode } from "lexical";
 import React__default from "react";
 import { NestedEditorsContext } from "../core/NestedLexicalEditor.js";

package/dist/plugins/jsx/LexicalMdxExpressionNode.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import React__default from "react";
 import { DecoratorNode, $applyNodeReplacement } from "lexical";
 import lexicalThemeStyles from "../../styles/lexical-theme.module.css.js";

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

@@ -1,7 +1,7 @@
 import * as RadixPopover from "@radix-ui/react-popover";
 import * as Tooltip from "@radix-ui/react-tooltip";
 import React__default from "react";
-import { editorRootElementRef$, activeEditor$, iconComponentFor$, useTranslation } from "../core/index.js";
+import { editorRootElementRef$, contentEditableWrapperElement$, activeEditor$, iconComponentFor$, useTranslation } from "../core/index.js";
 import { DownshiftAutoComplete } from "../core/ui/DownshiftAutoComplete.js";
 import styles from "../../styles/ui.module.css.js";
 import classNames from "classnames";
@@ -93,6 +93,7 @@ function LinkEditForm({
 const LinkDialog = () => {
   const [
     editorRootElementRef,
+    contentEditableWrapperElement,
     activeEditor,
     iconComponentFor,
     linkDialogState,
@@ -101,6 +102,7 @@ const LinkDialog = () => {
     showLinkTitleField
   ] = useCellValues(
     editorRootElementRef$,
+    contentEditableWrapperElement$,
     activeEditor$,
     iconComponentFor$,
     linkDialogState$,
@@ -114,6 +116,7 @@ const LinkDialog = () => {
   const switchFromPreviewToLinkEdit = usePublisher(switchFromPreviewToLinkEdit$);
   const removeLink = usePublisher(removeLink$);
   React__default.useEffect(() => {
+    const scrollContainer = contentEditableWrapperElement == null ? void 0 : contentEditableWrapperElement.closest(".mdxeditor-root-contenteditable");
     const update = () => {
       activeEditor == null ? void 0 : activeEditor.getEditorState().read(() => {
         publishWindowChange(true);
@@ -121,15 +124,16 @@ const LinkDialog = () => {
     };
     window.addEventListener("resize", update);
     window.addEventListener("scroll", update);
+    scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", update);
     return () => {
       window.removeEventListener("resize", update);
       window.removeEventListener("scroll", update);
+      scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", update);
     };
-  }, [activeEditor, publishWindowChange]);
+  }, [activeEditor, contentEditableWrapperElement, publishWindowChange]);
   const [copyUrlTooltipOpen, setCopyUrlTooltipOpen] = React__default.useState(false);
   const t = useTranslation();
-  if (linkDialogState.type === "inactive")
-    return null;
+  if (linkDialogState.type === "inactive") return null;
   const theRect = linkDialogState.rectangle;
   const urlIsExternal = linkDialogState.type === "preview" && linkDialogState.url.startsWith("http");
   return /* @__PURE__ */ React__default.createElement(RadixPopover.Root, { open: true }, /* @__PURE__ */ React__default.createElement(
@@ -149,6 +153,7 @@ const LinkDialog = () => {
     {
       className: classNames(styles.linkDialogPopoverContent),
       sideOffset: 5,
+      updatePositionStrategy: "always",
       onOpenAutoFocus: (e) => {
         e.preventDefault();
       },