From a6698271a41a4c1f2c42f25ca5d69cd7d1fa9c30 Mon Sep 17 00:00:00 2001
From: oliver <97427849+flamboh@users.noreply.github.com>
Date: Fri, 9 Oct 2026 08:56:28 -0700
Subject: [PATCH] fix(web): chat content keeps pace with sidebar resizing
 (#17383)

---
 apps/web/src/components/chat/ChatCanvas.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/chat/ChatCanvas.tsx b/apps/web/src/components/chat/ChatCanvas.tsx
index 4df7ad66deb7741700979eb0baab3547ddfe7372..c66e42f0607fee061984232540c51f1b9acadb1f 100644
--- a/apps/web/src/components/chat/ChatCanvas.tsx
+++ b/apps/web/src/components/chat/ChatCanvas.tsx
@@ -7,6 +7,7 @@ import {
   type ComponentProps,
   type CSSProperties,
 } from "react";
+import { flushSync } from "react-dom";
 import { ChatCanvasContext } from "./ChatCanvasContext";
 import { resolveChatCanvasLayout, type ChatCanvasPreview } from "./chatCanvasLayout";
 import type { PreviewMiniPlayerObstacles } from "../preview/previewMiniPlayerLayout";
@@ -90,7 +91,7 @@ export function ChatCanvas({
       );
     };
     measure();
-    const observer = new ResizeObserver(measure);
+    const observer = new ResizeObserver(() => flushSync(measure));
     observer.observe(element);
     observer.observe(probe);
     if (composerOverlayElement) observer.observe(composerOverlayElement);
-- 
2.54.0