@tiptap/vue-2 3.4.1 → 3.4.2

package/dist/menus/index.d.cts

@@ -78,6 +78,12 @@ interface BubbleMenuPluginProps {
         onHide?: () => void;
         onUpdate?: () => void;
         onDestroy?: () => void;
+        /**
+         * The scrollable element that should be listened to when updating the position of the bubble menu.
+         * If not provided, the window will be used.
+         * @type {HTMLElement | Window}
+         */
+        scrollTarget?: HTMLElement | Window;
     };
 }
 

package/dist/menus/index.d.ts

@@ -78,6 +78,12 @@ interface BubbleMenuPluginProps {
         onHide?: () => void;
         onUpdate?: () => void;
         onDestroy?: () => void;
+        /**
+         * The scrollable element that should be listened to when updating the position of the bubble menu.
+         * If not provided, the window will be used.
+         * @type {HTMLElement | Window}
+         */
+        scrollTarget?: HTMLElement | Window;
     };
 }
 

package/dist/menus/index.js

@@ -1612,6 +1612,7 @@ var BubbleMenuView = class {
   }) {
     this.preventHide = false;
     this.isVisible = false;
+    this.scrollTarget = window;
     this.floatingUIOptions = {
       strategy: "absolute",
       placement: "top",
@@ -1657,12 +1658,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) {
@@ -1697,12 +1698,14 @@ 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.floatingUIOptions = {
       ...this.floatingUIOptions,
       ...options
@@ -1716,6 +1719,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();
@@ -1870,6 +1874,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) {