@liiift-studio/mac-os9-ui 0.2.24 → 0.2.25

package/dist/index.cjs

@@ -839,10 +839,14 @@ const Window = React.forwardRef(({ children, title, titleBar, active = true, wid
         if (!windowElement)
             return;
         const rect = windowElement.getBoundingClientRect();
-        // Store drag start info
+        // Get the parent container to calculate position relative to it
+        const parent = windowElement.offsetParent;
+        const parentRect = parent ? parent.getBoundingClientRect() : { left: 0, top: 0 };
+        // Store drag start info - offset from mouse to window position within parent
+        // This accounts for the parent's coordinate system
         dragStartRef.current = {
-            x: event.clientX - rect.left,
-            y: event.clientY - rect.top,
+            x: event.clientX - (rect.left - parentRect.left),
+            y: event.clientY - (rect.top - parentRect.top),
         };
         setIsDragging(true);
     }, [draggable]);
@@ -854,9 +858,25 @@ const Window = React.forwardRef(({ children, title, titleBar, active = true, wid
             event.preventDefault();
             if (!dragStartRef.current)
                 return;
+            // Get the window element to find its parent
+            const windowElements = document.querySelectorAll(`.${styles$6.window}`);
+            let windowElement = null;
+            // Find the dragging window (the one with position absolute or the first one)
+            for (const el of Array.from(windowElements)) {
+                const htmlEl = el;
+                if (htmlEl.style.position === 'absolute' || windowElements.length === 1) {
+                    windowElement = htmlEl;
+                    break;
+                }
+            }
+            if (!windowElement)
+                return;
+            // Get parent container to calculate position relative to it
+            const parent = windowElement.offsetParent;
+            const parentRect = parent ? parent.getBoundingClientRect() : { left: 0, top: 0 };
             const newPosition = {
-                x: event.clientX - dragStartRef.current.x,
-                y: event.clientY - dragStartRef.current.y,
+                x: event.clientX - parentRect.left - dragStartRef.current.x,
+                y: event.clientY - parentRect.top - dragStartRef.current.y,
             };
             // Update position
             if (controlledPosition && onPositionChange) {