@halo-dev/richtext-editor 0.0.0-alpha.31 → 0.0.0-alpha.32

package/dist/rich-text-editor.iife.js

@@ -21044,7 +21044,7 @@ img.ProseMirror-separator {
   const _hoisted_1$1H = { class: "editor-header flex items-center py-1 space-x-0.5 justify-start px-1 overflow-auto sm:!justify-center border-b drop-shadow-sm bg-white" };
   const _hoisted_2$1y = { class: "inline-flex items-center justify-center" };
   const _hoisted_3$1w = { class: "p-1 rounded-sm hover:bg-gray-100" };
-  const _hoisted_4$a = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-56 p-1 max-h-96 overflow-y-auto space-y-1.5" };
+  const _hoisted_4$b = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-56 p-1 max-h-96 overflow-y-auto space-y-1.5" };
   const _hoisted_5$4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "h-5 bg-gray-100 w-[1px] !mx-1" }, null, -1);
   const _hoisted_6$4 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
@@ -21096,7 +21096,7 @@ img.ProseMirror-separator {
           vue.createElementVNode("div", _hoisted_2$1y, [
             vue.createVNode(vue.unref(Lt), null, {
               popper: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_4$a, [
+                vue.createElementVNode("div", _hoisted_4$b, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getToolboxItemsFromExtensions(), (toolboxItem, index2) => {
                     return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(toolboxItem.component), vue.mergeProps(toolboxItem.props, { key: index2 }), null, 16);
                   }), 128))
@@ -21247,6 +21247,19 @@ img.ProseMirror-separator {
         placement: "bottom-start",
         hideOnClick: "toggle",
         plugins: [sticky],
+        popperOptions: {
+          modifiers: [
+            {
+              name: "customWidth",
+              enabled: true,
+              phase: "beforeWrite",
+              requires: ["computeStyles"],
+              fn({ state }) {
+                state.styles.popper.maxWidth = "98%";
+              }
+            }
+          ]
+        },
         ...Object.assign(
           {
             zIndex: 999,
@@ -25838,9 +25851,10 @@ ${codeFrame}` : message);
     class: "halo-rich-text-editor"
   };
   const _hoisted_2$1w = { class: "h-full flex flex-row w-full" };
-  const _hoisted_3$1v = {
+  const _hoisted_3$1v = { class: "overflow-y-auto overflow-x-hidden flex-1 relative bg-white" };
+  const _hoisted_4$a = {
     key: 0,
-    class: "h-full hidden sm:!block w-72"
+    class: "h-full hidden sm:!block w-72 flex-shrink-0"
   };
   const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "Editor",
@@ -25876,12 +25890,14 @@ ${codeFrame}` : message);
           vue.createVNode(EditorBubbleMenu, { editor: __props.editor }, null, 8, ["editor"]),
           vue.createVNode(_sfc_main$w, { editor: __props.editor }, null, 8, ["editor"]),
           vue.createElementVNode("div", _hoisted_2$1w, [
-            vue.createVNode(vue.unref(EditorContent), {
-              editor: __props.editor,
-              style: vue.normalizeStyle(__props.contentStyles),
-              class: vue.normalizeClass(["editor-content markdown-body", { "sm:!w-[calc(100%-18rem)]": _ctx.$slots.extra }])
-            }, null, 8, ["editor", "style", "class"]),
-            _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1v, [
+            vue.createElementVNode("div", _hoisted_3$1v, [
+              vue.createVNode(vue.unref(EditorContent), {
+                editor: __props.editor,
+                style: vue.normalizeStyle(__props.contentStyles),
+                class: "editor-content markdown-body"
+              }, null, 8, ["editor", "style"])
+            ]),
+            _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [
               vue.renderSlot(_ctx.$slots, "extra")
             ])) : vue.createCommentVNode("", true)
           ])