@tiptap/vue-2 3.0.0-beta.11 → 3.0.0-beta.14

package/dist/menus/index.cjs

@@ -1614,6 +1614,18 @@ var computePosition2 = (reference, floating, options) => {
 // ../extension-bubble-menu/dist/index.js
 var import_core3 = require("@tiptap/core");
 var import_state = require("@tiptap/pm/state");
+var import_tables = require("@tiptap/pm/tables");
+function combineDOMRects(rect1, rect2) {
+  const top = Math.min(rect1.top, rect2.top);
+  const bottom = Math.max(rect1.bottom, rect2.bottom);
+  const left = Math.min(rect1.left, rect2.left);
+  const right = Math.max(rect1.right, rect2.right);
+  const width = right - left;
+  const height = bottom - top;
+  const x = left;
+  const y = top;
+  return new DOMRect(x, y, width, height);
+}
 var BubbleMenuView = class {
   constructor({
     editor,
@@ -1772,9 +1784,26 @@ var BubbleMenuView = class {
   }
   updatePosition() {
     const { selection } = this.editor.state;
-    const virtualElement = {
+    let virtualElement = {
       getBoundingClientRect: () => (0, import_core3.posToDOMRect)(this.view, selection.from, selection.to)
     };
+    if (selection instanceof import_tables.CellSelection) {
+      const { $anchorCell, $headCell } = selection;
+      const from = $anchorCell ? $anchorCell.pos : $headCell.pos;
+      const to = $headCell ? $headCell.pos : $anchorCell.pos;
+      const fromDOM = this.view.nodeDOM(from);
+      const toDOM = this.view.nodeDOM(to);
+      if (!fromDOM || !toDOM) {
+        return;
+      }
+      const clientRect = fromDOM === toDOM ? fromDOM.getBoundingClientRect() : combineDOMRects(
+        fromDOM.getBoundingClientRect(),
+        toDOM.getBoundingClientRect()
+      );
+      virtualElement = {
+        getBoundingClientRect: () => clientRect
+      };
+    }
     computePosition2(virtualElement, this.element, {
       placement: this.floatingUIOptions.placement,
       strategy: this.floatingUIOptions.strategy,