@tiptap/vue-2 3.0.8 → 3.1.0

package/dist/menus/index.cjs

@@ -1634,6 +1634,7 @@ var BubbleMenuView = class {
     updateDelay = 250,
     resizeDelay = 60,
     shouldShow,
+    appendTo,
     options
   }) {
     this.preventHide = false;
@@ -1728,6 +1729,7 @@ var BubbleMenuView = class {
     this.view = view;
     this.updateDelay = updateDelay;
     this.resizeDelay = resizeDelay;
+    this.appendTo = appendTo;
     this.floatingUIOptions = {
       ...this.floatingUIOptions,
       ...options
@@ -1791,6 +1793,19 @@ var BubbleMenuView = class {
       getBoundingClientRect: () => domRect,
       getClientRects: () => [domRect]
     };
+    if (selection instanceof import_state.NodeSelection) {
+      let node = this.view.nodeDOM(selection.from);
+      const nodeViewWrapper = node.dataset.nodeViewWrapper ? node : node.querySelector("[data-node-view-wrapper]");
+      if (nodeViewWrapper) {
+        node = nodeViewWrapper;
+      }
+      if (node) {
+        virtualElement = {
+          getBoundingClientRect: () => node.getBoundingClientRect(),
+          getClientRects: () => [node.getBoundingClientRect()]
+        };
+      }
+    }
     if (selection instanceof import_tables.CellSelection) {
       const { $anchorCell, $headCell } = selection;
       const from = $anchorCell ? $anchorCell.pos : $headCell.pos;
@@ -1853,13 +1868,13 @@ var BubbleMenuView = class {
     return shouldShow;
   }
   show() {
-    var _a;
+    var _a, _b;
     if (this.isVisible) {
       return;
     }
     this.element.style.visibility = "visible";
     this.element.style.opacity = "1";
-    (_a = this.view.dom.parentElement) == null ? void 0 : _a.appendChild(this.element);
+    (_b = (_a = this.appendTo) != null ? _a : this.view.dom.parentElement) == null ? void 0 : _b.appendChild(this.element);
     if (this.floatingUIOptions.onShow) {
       this.floatingUIOptions.onShow();
     }
@@ -1902,6 +1917,7 @@ var BubbleMenu = import_core2.Extension.create({
       element: null,
       pluginKey: "bubbleMenu",
       updateDelay: void 0,
+      appendTo: void 0,
       shouldShow: null
     };
   },
@@ -1916,6 +1932,7 @@ var BubbleMenu = import_core2.Extension.create({
         element: this.options.element,
         updateDelay: this.options.updateDelay,
         options: this.options.options,
+        appendTo: this.options.appendTo,
         shouldShow: this.options.shouldShow
       })
     ];