@eintrek/erp-shell 0.1.40 → 0.1.41

package/dist/index.esm.js

@@ -440,10 +440,22 @@ function SidebarProvider({ children, defaultOpen = true, }) {
             localStorage.setItem("sidebar-open", String(open));
         }
     }, [open]);
-    // Handle mobile detection
+    // Handle mobile detection.
+    //
+    // Crossing into a narrow viewport closes the sidebar. One `open` state
+    // serves both layouts, and on desktop it is remembered as true — so
+    // narrowing the window turned that into a drawer covering the whole page,
+    // which had to be dismissed before anything underneath could be reached.
+    // A remembered desktop preference is not a request to open a drawer.
     useEffect(() => {
+        let wasMobile = null;
         const checkMobile = () => {
-            setIsMobile(window.innerWidth < 768);
+            const nowMobile = window.innerWidth < 768;
+            setIsMobile(nowMobile);
+            if (nowMobile && wasMobile === false) {
+                setOpenState(false);
+            }
+            wasMobile = nowMobile;
         };
         checkMobile();
         window.addEventListener("resize", checkMobile);