@mhamz.01/easyflow-texteditor 0.1.47 → 0.1.49

package/dist/index.js

@@ -364,7 +364,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,
@@ -444,7 +445,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",
@@ -600,7 +602,7 @@ function EditorShell({ children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "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__ */ (0, import_jsx_runtime7.jsx)(SidebarProvider, { children })
     }
@@ -1251,7 +1253,7 @@ function EditorLayout({ children, onChange, initialTabs, onTabsChange }) {
     editorContent: editor,
     setEditorContent: setEditor,
     debouncedSave
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SidebarProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex h-screen w-full min-h-0", children: [
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SidebarProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex h-full w-full min-h-0 relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       AppSidebar,
       {
@@ -1268,9 +1270,9 @@ function EditorLayout({ children, onChange, initialTabs, onTabsChange }) {
         onDeleteSubTab: deleteSubTab
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SidebarInset, { className: "flex flex-col flex-1 min-h-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("header", { className: "h-12 flex-shrink-0 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SidebarTrigger, {}) }),
-      children
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SidebarInset, { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("header", { className: "h-12 flex-shrink-0 border-b flex items-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SidebarTrigger, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 min-h-0 overflow-auto", children })
     ] })
   ] }) }) });
 }
@@ -7751,9 +7753,20 @@ function SimpleEditor() {
 }
 
 // src/components/editor/editor.tsx
+var import_clsx2 = __toESM(require("clsx"));
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function Editor({ onChange, className, style, onTabsChange, initialTabs }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorShell, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorLayout, { onChange, initialTabs, onTabsChange, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SimpleEditor, {}) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    "div",
+    {
+      className: (0, import_clsx2.default)(
+        "flex flex-col flex-1 min-h-0 overflow-hidden",
+        className
+      ),
+      style,
+      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorShell, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorLayout, { onChange, initialTabs, onTabsChange, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SimpleEditor, {}) }) })
+    }
+  );
 }
 
 // src/hooks/use-scrolling.ts