authorgravatar for 97427849+flamboh@users.noreply.github.comoliver <97427849+flamboh@users.noreply.github.com> 2026-10-09 08:56:28-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-09 12:56:28-03:00
loga6698271a41a4c1f2c42f25ca5d69cd7d1fa9c30
treedd57eb66b1008eaf9b3473e186030fcdc166f918
parentb1508672a63c4799fed6d9091001de00175d9316
signature Signed by PGP key B5690EEEBB952194

fix(web): chat content keeps pace with sidebar resizing (#17383)

1 files changed, 2 insertions(+), 1 deletions(-)

apps/web/src/components/chat/ChatCanvas.tsx+2-1
...@@ -7,6 +7,7 @@ import {...@@ -7,6 +7,7 @@ import {
7 type ComponentProps,7 type ComponentProps,
8 type CSSProperties,8 type CSSProperties,
9} from "react";9} from "react";
10import { flushSync } from "react-dom";
10import { ChatCanvasContext } from "./ChatCanvasContext";11import { ChatCanvasContext } from "./ChatCanvasContext";
11import { resolveChatCanvasLayout, type ChatCanvasPreview } from "./chatCanvasLayout";12import { resolveChatCanvasLayout, type ChatCanvasPreview } from "./chatCanvasLayout";
12import type { PreviewMiniPlayerObstacles } from "../preview/previewMiniPlayerLayout";13import type { PreviewMiniPlayerObstacles } from "../preview/previewMiniPlayerLayout";
...@@ -90,7 +91,7 @@ export function ChatCanvas({...@@ -90,7 +91,7 @@ export function ChatCanvas({
90 );91 );
91 };92 };
92 measure();93 measure();
93 const observer = new ResizeObserver(measure);94 const observer = new ResizeObserver(() => flushSync(measure));
94 observer.observe(element);95 observer.observe(element);
95 observer.observe(probe);96 observer.observe(probe);
96 if (composerOverlayElement) observer.observe(composerOverlayElement);97 if (composerOverlayElement) observer.observe(composerOverlayElement);