From 4cc984fedc33184c0a0fb67ea17fb02902ae2224 Mon Sep 17 00:00:00 2001 From: Julius Marminge Date: Thu, 17 Sep 2026 16:29:20 -0700 Subject: [PATCH] fix(web): keep browser pages aligned during panel animations (#12329) --- apps/web/src/browser/BrowserSurfaceSlot.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/apps/web/src/browser/BrowserSurfaceSlot.tsx b/apps/web/src/browser/BrowserSurfaceSlot.tsx index 3de3ed586cb07d69b690ff0ca5662259155bf7c1..b875e4c221efc2bc4391ae212a412da95e317649 100644 --- a/apps/web/src/browser/BrowserSurfaceSlot.tsx +++ b/apps/web/src/browser/BrowserSurfaceSlot.tsx @@ -64,6 +64,10 @@ export function BrowserSurfaceSlot(props: { update(); const observer = new ResizeObserver(update); observer.observe(element); + // Inline panels animate their outer width while keeping the content at + // full width. The slot moves without resizing, so measure on shell resizes too. + const panel = element.closest('[data-preview-panel-mode="inline"]'); + if (panel) observer.observe(panel); window.addEventListener("resize", update); window.addEventListener("scroll", update, true); return () => { -- 2.54.0