From d0cffe13fbdc778e5c236f1aff3df9826f72611a Mon Sep 17 00:00:00 2001 From: James Long Date: Wed, 11 Nov 2026 11:33:38 -0600 Subject: [PATCH] fix(app): remeasure the desktop drag area when direction changes (#63347) --- packages/app/src/session/header/drag-area.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/app/src/session/header/drag-area.tsx b/packages/app/src/session/header/drag-area.tsx index 25724c195da..f6be796453b 100644 --- a/packages/app/src/session/header/drag-area.tsx +++ b/packages/app/src/session/header/drag-area.tsx @@ -53,9 +53,16 @@ export function SessionHeaderDrag(props: { pane?: HTMLElement; gap?: HTMLElement const resize = new ResizeObserver(measure) resize.observe(pane) resize.observe(gap) + // The row's sections catch moves that keep the gap's size, such as the breadcrumb and the actions trading width. for (const section of row.children) resize.observe(section) - onCleanup(() => resize.disconnect()) + // A direction change mirrors the row without resizing anything, so no size observer sees the gap move sides. + const direction = new MutationObserver(measure) + direction.observe(document.documentElement, { attributes: true, attributeFilter: ["dir"] }) + onCleanup(() => { + resize.disconnect() + direction.disconnect() + }) }) return (