@tiptap/vue-2 3.4.5 → 3.5.0

package/dist/menus/index.cjs

@@ -1747,6 +1747,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);
@@ -1910,6 +1911,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 });
@@ -1918,6 +1925,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();
     }
@@ -1956,6 +1964,13 @@ var BubbleMenu = import_core2.Extension.create({
         shouldShow: this.options.shouldShow
       })
     ];
+  },
+  addCommands() {
+    return {
+      updateBubbleMenuPosition: () => ({ commands }) => {
+        return commands.setMeta("bubbleMenu", "updatePosition");
+      }
+    };
   }
 });
 
@@ -2015,7 +2030,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);
@@ -2303,7 +2318,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);