@tiptap/vue-2 3.5.0 → 3.5.2

package/dist/menus/index.cjs

@@ -1996,6 +1996,10 @@ var BubbleMenu2 = {
     resizeDelay: {
       type: Number
     },
+    appendTo: {
+      type: Object,
+      default: void 0
+    },
     shouldShow: {
       type: Function,
       default: null
@@ -2021,6 +2025,7 @@ var BubbleMenu2 = {
               editor,
               element: this.$el,
               pluginKey: this.pluginKey,
+              appendTo: this.appendTo,
               shouldShow: this.shouldShow,
               getReferencedVirtualElement: this.getReferencedVirtualElement
             })
@@ -2042,7 +2047,7 @@ var import_core4 = require("@tiptap/core");
 var import_core5 = require("@tiptap/core");
 var import_state2 = require("@tiptap/pm/state");
 var FloatingMenuView = class {
-  constructor({ editor, element, view, options, shouldShow }) {
+  constructor({ editor, element, view, options, appendTo, shouldShow }) {
     this.preventHide = false;
     this.isVisible = false;
     this.shouldShow = ({ view: view2, state }) => {
@@ -2104,6 +2109,7 @@ var FloatingMenuView = class {
     this.editor = editor;
     this.element = element;
     this.view = view;
+    this.appendTo = appendTo;
     this.floatingUIOptions = {
       ...this.floatingUIOptions,
       ...options
@@ -2205,13 +2211,13 @@ var FloatingMenuView = class {
     this.updateHandler(view, selectionChanged, docChanged, oldState);
   }
   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();
     }
@@ -2252,6 +2258,7 @@ var FloatingMenu = import_core4.Extension.create({
       element: null,
       options: {},
       pluginKey: "floatingMenu",
+      appendTo: void 0,
       shouldShow: null
     };
   },
@@ -2265,6 +2272,7 @@ var FloatingMenu = import_core4.Extension.create({
         editor: this.editor,
         element: this.options.element,
         options: this.options.options,
+        appendTo: this.options.appendTo,
         shouldShow: this.options.shouldShow
       })
     ];
@@ -2287,6 +2295,10 @@ var FloatingMenu2 = {
       type: Object,
       default: () => ({})
     },
+    appendTo: {
+      type: Object,
+      default: void 0
+    },
     shouldShow: {
       type: Function,
       default: null
@@ -2310,6 +2322,7 @@ var FloatingMenu2 = {
               editor,
               element: this.$el,
               options: this.options,
+              appendTo: this.appendTo,
               shouldShow: this.shouldShow
             })
           );