@mhamz.01/easyflow-texteditor 0.1.47 → 0.1.49

package/dist/index.mjs

@@ -303,7 +303,8 @@ function SidebarProvider({
         ...style
       },
       className: cn(
-        "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+        // CHANGED: removed min-h-svh, added h-full and relative positioning
+        "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex h-full w-full relative",
         className
       ),
       ...props,
@@ -383,7 +384,8 @@ function Sidebar({
           {
             "data-slot": "sidebar-container",
             className: cn(
-              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+              // CHANGED: fixed → absolute, inset-y-0 → top-0 bottom-0, h-svh → h-full
+              "absolute top-0 bottom-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
               variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
@@ -539,7 +541,7 @@ function EditorShell({ children }) {
   return /* @__PURE__ */ jsx7(
     "div",
     {
-      className: "\r\n        relative\r\n        w-full\r\n        h-full\r\n        overflow-hidden\r\n        border\r\n        rounded-md\r\n        bg-background\r\n      ",
+      className: "\r\n       relative w-full h-full flex flex-col min-h-0 isolate\r\n      ",
       "data-easyflow-editor": true,
       children: /* @__PURE__ */ jsx7(SidebarProvider, { children })
     }
@@ -1190,7 +1192,7 @@ function EditorLayout({ children, onChange, initialTabs, onTabsChange }) {
     editorContent: editor,
     setEditorContent: setEditor,
     debouncedSave
-  }, children: /* @__PURE__ */ jsx11(SidebarProvider, { children: /* @__PURE__ */ jsxs6("div", { className: "flex h-screen w-full min-h-0", children: [
+  }, children: /* @__PURE__ */ jsx11(SidebarProvider, { children: /* @__PURE__ */ jsxs6("div", { className: "flex h-full w-full min-h-0 relative", children: [
     /* @__PURE__ */ jsx11(
       AppSidebar,
       {
@@ -1207,9 +1209,9 @@ function EditorLayout({ children, onChange, initialTabs, onTabsChange }) {
         onDeleteSubTab: deleteSubTab
       }
     ),
-    /* @__PURE__ */ jsxs6(SidebarInset, { className: "flex flex-col flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsx11("header", { className: "h-12 flex-shrink-0 border-b", children: /* @__PURE__ */ jsx11(SidebarTrigger, {}) }),
-      children
+    /* @__PURE__ */ jsxs6(SidebarInset, { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsx11("header", { className: "h-12 flex-shrink-0 border-b flex items-center px-4", children: /* @__PURE__ */ jsx11(SidebarTrigger, {}) }),
+      /* @__PURE__ */ jsx11("div", { className: "flex-1 min-h-0 overflow-auto", children })
     ] })
   ] }) }) });
 }
@@ -7726,9 +7728,20 @@ function SimpleEditor() {
 }
 
 // src/components/editor/editor.tsx
+import clsx2 from "clsx";
 import { jsx as jsx77 } from "react/jsx-runtime";
 function Editor({ onChange, className, style, onTabsChange, initialTabs }) {
-  return /* @__PURE__ */ jsx77("div", { className, style, children: /* @__PURE__ */ jsx77(EditorShell, { children: /* @__PURE__ */ jsx77(EditorLayout, { onChange, initialTabs, onTabsChange, children: /* @__PURE__ */ jsx77(SimpleEditor, {}) }) }) });
+  return /* @__PURE__ */ jsx77(
+    "div",
+    {
+      className: clsx2(
+        "flex flex-col flex-1 min-h-0 overflow-hidden",
+        className
+      ),
+      style,
+      children: /* @__PURE__ */ jsx77(EditorShell, { children: /* @__PURE__ */ jsx77(EditorLayout, { onChange, initialTabs, onTabsChange, children: /* @__PURE__ */ jsx77(SimpleEditor, {}) }) })
+    }
+  );
 }
 
 // src/hooks/use-scrolling.ts