@zipify/wysiwyg 1.0.0-dev.84 → 1.0.0-dev.87

package/dist/wysiwyg.mjs

@@ -22824,12 +22824,12 @@ function useEditor({ content, onChange, extensions: extensions2, isReadonlyRef }
   watch(isReadonlyRef, (isReadonly) => editor.setEditable(!isReadonly), { immediate: true });
   return editor;
 }
-function useToolbar({ wrapperRef, scrollerRootRef, offsets, isActiveRef }) {
+function useToolbar({ wrapperRef, offsets, isActiveRef, placementRef }) {
   const wrapperEl = useElementRef(wrapperRef);
   let popper2;
   function mount(element) {
     popper2 = createPopper(wrapperEl.value, element, {
-      placement: "top-start",
+      placement: placementRef.value,
       modifiers: [
         {
           name: "offset",
@@ -22839,13 +22839,12 @@ function useToolbar({ wrapperRef, scrollerRootRef, offsets, isActiveRef }) {
           name: "preventOverflow",
           options: {
             altAxis: true,
-            padding: 2,
-            boundary: ContextWindow.window
+            padding: 2
           }
         },
         {
           name: "flip",
-          options: { boundary: scrollerRootRef.value }
+          enabled: false
         }
       ]
     });
@@ -25884,6 +25883,11 @@ const __vue2_script = {
       required: false,
       default: () => [0, 8]
     },
+    toolbarPlacement: {
+      type: String,
+      required: true,
+      default: "top-start"
+    },
     baseListClass: {
       type: String,
       required: false,
@@ -25906,10 +25910,6 @@ const __vue2_script = {
     window: {
       required: false,
       default: () => window
-    },
-    scrollerRoot: {
-      required: false,
-      default: () => document.body
     }
   },
   emits: [
@@ -25928,7 +25928,7 @@ const __vue2_script = {
     const isToolbarActiveRef = computed(() => props.active && !props.readonly);
     const toolbar = useToolbar({
       wrapperRef: wysiwygRef,
-      scrollerRootRef: toRef(props, "scrollerRoot"),
+      placementRef: toRef(props, "toolbarPlacement"),
       isActiveRef: isToolbarActiveRef,
       offsets: props.toolbarOffsets
     });

package/lib/Wysiwyg.vue

@@ -96,6 +96,12 @@ export default {
             default: () => [0, 8]
         },
 
+        toolbarPlacement: {
+            type: String,
+            required: true,
+            default: 'top-start'
+        },
+
         baseListClass: {
             type: String,
             required: false,
@@ -125,13 +131,6 @@ export default {
         window: {
             required: false,
             default: () => window
-        },
-
-        // Requires HTMLElement type but it different in iframe and outside
-        // eslint-disable-next-line vue/require-prop-types
-        scrollerRoot: {
-            required: false,
-            default: () => document.body
         }
     },
 
@@ -151,7 +150,7 @@ export default {
 
         const toolbar = useToolbar({
             wrapperRef: wysiwygRef,
-            scrollerRootRef: toRef(props, 'scrollerRoot'),
+            placementRef: toRef(props, 'toolbarPlacement'),
             isActiveRef: isToolbarActiveRef,
             offsets: props.toolbarOffsets
         });

package/lib/composables/useToolbar.js

@@ -1,14 +1,13 @@
 import { createPopper } from '@popperjs/core';
 import { useElementRef } from '../components/base';
-import { ContextWindow } from '../services';
 
-export function useToolbar({ wrapperRef, scrollerRootRef, offsets, isActiveRef }) {
+export function useToolbar({ wrapperRef, offsets, isActiveRef, placementRef }) {
     const wrapperEl = useElementRef(wrapperRef);
     let popper;
 
     function mount(element) {
         popper = createPopper(wrapperEl.value, element, {
-            placement: 'top-start',
+            placement: placementRef.value,
             modifiers: [
                 {
                     name: 'offset',
@@ -18,13 +17,12 @@ export function useToolbar({ wrapperRef, scrollerRootRef, offsets, isActiveRef }
                     name: 'preventOverflow',
                     options: {
                         altAxis: true,
-                        padding: 2,
-                        boundary: ContextWindow.window
+                        padding: 2
                     }
                 },
                 {
                     name: 'flip',
-                    options: { boundary: scrollerRootRef.value }
+                    enabled: false
                 }
             ]
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "1.0.0-dev.84",
+  "version": "1.0.0-dev.87",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "repository": {