From 251368701d27b412e255b40221697404c6ba8ed4 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Dec 2025 20:07:30 +0000 Subject: [PATCH 1/2] Initial plan From 9ac234fd93372808fb46987574c131a7a4efe03c Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Dec 2025 20:13:41 +0000 Subject: [PATCH 2/2] Fix changeset description to accurately reflect implementation Co-authored-by: mattcosta7 <8616962+mattcosta7@users.noreply.github.com> --- .changeset/optimized-page-layout-resize.md | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/.changeset/optimized-page-layout-resize.md b/.changeset/optimized-page-layout-resize.md index ac93edd2d9c..6584fae7ebc 100644 --- a/.changeset/optimized-page-layout-resize.md +++ b/.changeset/optimized-page-layout-resize.md @@ -5,17 +5,13 @@ PageLayout: Optimize drag/resize performance with inline styles and new optimizations **Refactored:** -- Apply CSS containment via inline styles instead of `[data-dragging]` attribute selectors (O(1) vs O(n) selector matching) +- Use direct attribute selectors (`.Pane[data-dragging='true']`) instead of descendant selectors for CSS containment (O(1) vs O(n) selector matching) - Extract optimization utilities to `paneUtils.ts` -- Use CSS variable for drag handle visual feedback +- Apply drag handle visual feedback via inline styles and CSS variables **Added:** - `content-visibility: auto` during drag/resize to skip off-screen content rendering - - rAF throttle for drag updates (one update per frame, latest position wins) - Containment during window resize (parity with drag) -**Removed:** -- `[data-dragging]` attribute and associated CSS descendant selectors - These changes improve style recalculation performance on large DOMs (100k+ nodes) by eliminating descendant selector traversal.