From 72e413afeaa9ebe7f789fe1933574397391467ad Mon Sep 17 00:00:00 2001
From: HendrikD2005 <144935017+HendrikD2005@users.noreply.github.com>
Date: Sun, 28 Jun 2026 04:42:00 +0200
Subject: [PATCH] fix window content zoom drag stability

---
 .../src/app/components/desktop/windows/WindowFrame.test.tsx | 6 +++++-
 .../src/app/components/desktop/windows/WindowFrame.tsx      | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx
index 0df3d6ec..063bc7cb 100644
--- a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx
+++ b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.test.tsx
@@ -346,8 +346,12 @@ describe("WindowFrame content zoom controls", () => {
     expect(Number.parseFloat(windowSection?.style.width ?? "")).toBeCloseTo(500, 5);
     expect(windowSection).toHaveStyle({
       height: "300px",
-      zoom: "1.4",
+      left: "40px",
+      top: "40px",
+      transform: "scale(1.4)",
+      transformOrigin: "0 0",
     });
+    expect(windowSection?.style.zoom).toBe("");
     expect(body?.style.zoom).toBe("");
     expect(screen.getByRole("button", { name: "Zoom Agents content out" }).closest(".window")).toBe(
       windowSection,
diff --git a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx
index 6385a923..3c07c532 100644
--- a/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx
+++ b/packages/keiko-ui/src/app/components/desktop/windows/WindowFrame.tsx
@@ -912,7 +912,8 @@ function WindowFrameImpl({
       width: ew,
       height: eh,
       zIndex: win.z,
-      zoom,
+      transform: `scale(${String(zoom)})`,
+      transformOrigin: "0 0",
     }),
     [win.x, win.y, ew, eh, win.z, zoom],
   );