* fix(browser): clip preview view to its panel column so it can't paint out of bounds
The inspector's Browser tab hosts a native WebContentsView positioned from the
slot's getBoundingClientRect. That overlay is a window-level layer, so DOM
overflow:hidden never clips it. The slot sits inside the inspector's
min-w-[280px] reflow guard, so on a narrow panel (small window, or mid
collapse/expand) the slot's box spills past its resizable-panel column and the
view paints over the terminal/sidebar, "out of the box" (#2202).
Two fixes in useBrowserView:
- Intersect the measured slot rect with its [data-panel] column before sending
bounds, so the view can only ever paint inside that column.
- Observe the panel column (not just the slot) with the ResizeObserver. During
the flex-grow collapse/expand animation the slot's width stays pinned by
min-w, so a slot-only observer never re-fires and the bounds go stale; the
column's width changes every frame, so observing it re-measures throughout.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
* chore: format with prettier [skip ci]
---------
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
acd811dce3