From 998c8bf3a5ad3e0244034030f9e981dce3f71168 Mon Sep 17 00:00:00 2001 From: David Hill Date: Thu, 19 Feb 2026 00:40:40 +0000 Subject: [PATCH] tweak(ui): stabilize collapsible chevron hover --- packages/ui/src/components/collapsible.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/components/collapsible.css b/packages/ui/src/components/collapsible.css index c96d5e64b..bab2c4f92 100644 --- a/packages/ui/src/components/collapsible.css +++ b/packages/ui/src/components/collapsible.css @@ -26,13 +26,16 @@ [data-slot="collapsible-arrow"] { opacity: 0; transition: opacity 0.15s ease; + will-change: opacity; + transform: translateZ(0); } [data-slot="collapsible-arrow-icon"] { display: inline-flex; color: var(--icon-weaker); - transform: rotate(-90deg); + transform: translateZ(0) rotate(-90deg); transition: transform 0.15s ease; + will-change: transform; } &:hover [data-slot="collapsible-arrow"] { @@ -74,7 +77,7 @@ } [data-slot="collapsible-arrow-icon"] { - transform: rotate(0deg); + transform: translateZ(0) rotate(0deg); } }