From 9f1d3de0888dd281cff688501b1cdebda1f854ac Mon Sep 17 00:00:00 2001 From: Matt Toohey Date: Fri, 20 Mar 2026 13:33:31 +1100 Subject: [PATCH] fix(ui): fix timeline row hover wobble with stable compositing layers The previous fix (overflow: hidden + isolation: isolate) didn't fully resolve the wobble because compositing layer churn during background-color transitions caused subpixel position shifts. Replace isolation: isolate with will-change: transform on timeline rows to force permanent compositing layers, and remove overflow: hidden from card-content which was amplifying layout recalculations. Co-Authored-By: Claude Opus 4.6 (1M context) --- apps/staged/src/lib/features/branches/BranchCard.svelte | 1 - apps/staged/src/lib/features/timeline/TimelineRow.svelte | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/staged/src/lib/features/branches/BranchCard.svelte b/apps/staged/src/lib/features/branches/BranchCard.svelte index 3efc1848..e16fdffe 100644 --- a/apps/staged/src/lib/features/branches/BranchCard.svelte +++ b/apps/staged/src/lib/features/branches/BranchCard.svelte @@ -1011,7 +1011,6 @@ .card-content { padding: 16px; min-height: 80px; - overflow: hidden; } .loading { diff --git a/apps/staged/src/lib/features/timeline/TimelineRow.svelte b/apps/staged/src/lib/features/timeline/TimelineRow.svelte index a6cfa0cc..808b768a 100644 --- a/apps/staged/src/lib/features/timeline/TimelineRow.svelte +++ b/apps/staged/src/lib/features/timeline/TimelineRow.svelte @@ -194,7 +194,7 @@ border-radius: 6px; position: relative; transition: background-color 0.15s ease; - isolation: isolate; + will-change: transform; } .timeline-row:hover {