From 8fc7f6bdb72005c6d9383dcde31f2ee745c93a4f Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 22 Mar 2026 00:31:56 +0000
Subject: [PATCH] Fix fit-to-screen drag: use noCompactor for free horizontal
 movement

In fit-to-screen mode, pass noCompactor to <Responsive> so elements
follow the mouse freely without vertical compaction pushing them down.
The swap-on-drop logic (mouse coordinates in onDragStop) stays unchanged.

https://claude.ai/code/session_01Cu7YDRKZrYX3sBs6g9w2dy
---
 web/src/views/live/DraggableGridLayout.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/src/views/live/DraggableGridLayout.tsx b/web/src/views/live/DraggableGridLayout.tsx
index fa51fae6c..1334d788a 100644
--- a/web/src/views/live/DraggableGridLayout.tsx
+++ b/web/src/views/live/DraggableGridLayout.tsx
@@ -16,6 +16,7 @@ import {
   Layout,
   LayoutItem,
   ResponsiveGridLayout as Responsive,
+  noCompactor,
 } from "react-grid-layout";
 import "react-grid-layout/css/styles.css";
 import "react-resizable/css/styles.css";
@@ -920,6 +921,7 @@ export default function DraggableGridLayout({
           {containerWidth > 0 && <Responsive
             className="grid-layout"
             width={availableWidth}
+            compactor={fitToScreen ? noCompactor : undefined}
             layouts={{
               lg: activeGridLayout,
               md: activeGridLayout,