@tiptap/vue-2 3.4.1 → 3.4.3

package/dist/menus/index.cjs

@@ -1635,10 +1635,12 @@ var BubbleMenuView = class {
     resizeDelay = 60,
     shouldShow,
     appendTo,
+    getReferencedVirtualElement,
     options
   }) {
     this.preventHide = false;
     this.isVisible = false;
+    this.scrollTarget = window;
     this.floatingUIOptions = {
       strategy: "absolute",
       placement: "top",
@@ -1684,12 +1686,12 @@ var BubbleMenuView = class {
       setTimeout(() => this.update(this.editor.view));
     };
     this.blurHandler = ({ event }) => {
-      var _a;
+      var _a2;
       if (this.preventHide) {
         this.preventHide = false;
         return;
       }
-      if ((event == null ? void 0 : event.relatedTarget) && ((_a = this.element.parentNode) == null ? void 0 : _a.contains(event.relatedTarget))) {
+      if ((event == null ? void 0 : event.relatedTarget) && ((_a2 = this.element.parentNode) == null ? void 0 : _a2.contains(event.relatedTarget))) {
         return;
       }
       if ((event == null ? void 0 : event.relatedTarget) === this.editor.view.dom) {
@@ -1724,12 +1726,15 @@ var BubbleMenuView = class {
       this.updatePosition();
       this.show();
     };
+    var _a;
     this.editor = editor;
     this.element = element;
     this.view = view;
     this.updateDelay = updateDelay;
     this.resizeDelay = resizeDelay;
     this.appendTo = appendTo;
+    this.scrollTarget = (_a = options == null ? void 0 : options.scrollTarget) != null ? _a : window;
+    this.getReferencedVirtualElement = getReferencedVirtualElement;
     this.floatingUIOptions = {
       ...this.floatingUIOptions,
       ...options
@@ -1743,6 +1748,7 @@ var BubbleMenuView = class {
     this.editor.on("focus", this.focusHandler);
     this.editor.on("blur", this.blurHandler);
     window.addEventListener("resize", this.resizeHandler);
+    this.scrollTarget.addEventListener("scroll", this.resizeHandler);
     this.update(view, view.state);
     if (this.getShouldShow()) {
       this.show();
@@ -1786,8 +1792,13 @@ var BubbleMenuView = class {
     }
     return middlewares;
   }
-  updatePosition() {
+  get virtualElement() {
+    var _a;
     const { selection } = this.editor.state;
+    const referencedVirtualElement = (_a = this.getReferencedVirtualElement) == null ? void 0 : _a.call(this);
+    if (referencedVirtualElement) {
+      return referencedVirtualElement;
+    }
     const domRect = (0, import_core3.posToDOMRect)(this.view, selection.from, selection.to);
     let virtualElement = {
       getBoundingClientRect: () => domRect,
@@ -1824,6 +1835,13 @@ var BubbleMenuView = class {
         getClientRects: () => [clientRect]
       };
     }
+    return virtualElement;
+  }
+  updatePosition() {
+    const virtualElement = this.virtualElement;
+    if (!virtualElement) {
+      return;
+    }
     computePosition2(virtualElement, this.element, {
       placement: this.floatingUIOptions.placement,
       strategy: this.floatingUIOptions.strategy,
@@ -1897,6 +1915,7 @@ var BubbleMenuView = class {
     this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: true });
     this.view.dom.removeEventListener("dragstart", this.dragstartHandler);
     window.removeEventListener("resize", this.resizeHandler);
+    this.scrollTarget.removeEventListener("scroll", this.resizeHandler);
     this.editor.off("focus", this.focusHandler);
     this.editor.off("blur", this.blurHandler);
     if (this.floatingUIOptions.onDestroy) {
@@ -1933,6 +1952,7 @@ var BubbleMenu = import_core2.Extension.create({
         updateDelay: this.options.updateDelay,
         options: this.options.options,
         appendTo: this.options.appendTo,
+        getReferencedVirtualElement: this.options.getReferencedVirtualElement,
         shouldShow: this.options.shouldShow
       })
     ];
@@ -1986,7 +2006,8 @@ var BubbleMenu2 = {
               editor,
               element: this.$el,
               pluginKey: this.pluginKey,
-              shouldShow: this.shouldShow
+              shouldShow: this.shouldShow,
+              getReferencedVirtualElement: this.getReferencedVirtualElement
             })
           );
         });