@tiptap/vue-2 3.4.5 → 3.5.0

package/dist/menus/index.d.cts

@@ -93,6 +93,18 @@ interface BubbleMenuPluginProps {
         scrollTarget?: HTMLElement | Window;
     };
 }
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        bubbleMenu: {
+            /**
+             * Update the position of the bubble menu. This command is useful to force
+             * the bubble menu to update its position in response to certain events
+             * (for example, when the bubble menu is resized).
+             */
+            updateBubbleMenuPosition: () => ReturnType;
+        };
+    }
+}
 
 interface BubbleMenuInterface extends Vue {
     pluginKey: BubbleMenuPluginProps['pluginKey'];

package/dist/menus/index.d.ts

@@ -93,6 +93,18 @@ interface BubbleMenuPluginProps {
         scrollTarget?: HTMLElement | Window;
     };
 }
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        bubbleMenu: {
+            /**
+             * Update the position of the bubble menu. This command is useful to force
+             * the bubble menu to update its position in response to certain events
+             * (for example, when the bubble menu is resized).
+             */
+            updateBubbleMenuPosition: () => ReturnType;
+        };
+    }
+}
 
 interface BubbleMenuInterface extends Vue {
     pluginKey: BubbleMenuPluginProps['pluginKey'];

package/dist/menus/index.js

@@ -1720,6 +1720,7 @@ var BubbleMenuView = class {
     this.view.dom.addEventListener("dragstart", this.dragstartHandler);
     this.editor.on("focus", this.focusHandler);
     this.editor.on("blur", this.blurHandler);
+    this.editor.on("transaction", this.transactionHandler);
     window.addEventListener("resize", this.resizeHandler);
     this.scrollTarget.addEventListener("scroll", this.resizeHandler);
     this.update(view, view.state);
@@ -1883,6 +1884,12 @@ var BubbleMenuView = class {
     }
     this.isVisible = false;
   }
+  transactionHandler({ transaction: tr }) {
+    const meta = tr.getMeta("bubbleMenu");
+    if (meta === "updatePosition") {
+      this.updatePosition();
+    }
+  }
   destroy() {
     this.hide();
     this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: true });
@@ -1891,6 +1898,7 @@ var BubbleMenuView = class {
     this.scrollTarget.removeEventListener("scroll", this.resizeHandler);
     this.editor.off("focus", this.focusHandler);
     this.editor.off("blur", this.blurHandler);
+    this.editor.off("transaction", this.transactionHandler);
     if (this.floatingUIOptions.onDestroy) {
       this.floatingUIOptions.onDestroy();
     }
@@ -1929,6 +1937,13 @@ var BubbleMenu = Extension.create({
         shouldShow: this.options.shouldShow
       })
     ];
+  },
+  addCommands() {
+    return {
+      updateBubbleMenuPosition: () => ({ commands }) => {
+        return commands.setMeta("bubbleMenu", "updatePosition");
+      }
+    };
   }
 });
 
@@ -1988,7 +2003,7 @@ var BubbleMenu2 = {
     }
   },
   render(createElement) {
-    return createElement("div", { style: { visibility: "hidden" } }, this.$slots.default);
+    return createElement("div", {}, this.$slots.default);
   },
   beforeDestroy() {
     this.editor.unregisterPlugin(this.pluginKey);
@@ -2276,7 +2291,7 @@ var FloatingMenu2 = {
     }
   },
   render(createElement) {
-    return createElement("div", { style: { visibility: "hidden" } }, this.$slots.default);
+    return createElement("div", {}, this.$slots.default);
   },
   beforeDestroy() {
     this.editor.unregisterPlugin(this.pluginKey);