tweak(ui): stabilize collapsible chevron hover

iamdavidhill · Aiden Cline · commit 998c8bf3a5ad · 2026-02-19T18:37:56.000-06:00
diff --git 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);
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -26,13 +26,16 @@`
`26`	`26`	`[data-slot="collapsible-arrow"] {`
`27`	`27`	`opacity: 0;`
`28`	`28`	`transition: opacity 0.15s ease;`
	`29`	`+ will-change: opacity;`
	`30`	`+ transform: translateZ(0);`
`29`	`31`	`}`
`30`	`32`
`31`	`33`	`[data-slot="collapsible-arrow-icon"] {`
`32`	`34`	`display: inline-flex;`
`33`	`35`	`color: var(--icon-weaker);`
`34`		`- transform: rotate(-90deg);`
	`36`	`+ transform: translateZ(0) rotate(-90deg);`
`35`	`37`	`transition: transform 0.15s ease;`
	`38`	`+ will-change: transform;`
`36`	`39`	`}`
`37`	`40`
`38`	`41`	`&:hover [data-slot="collapsible-arrow"] {`
`@@ -74,7 +77,7 @@`
`74`	`77`	`}`
`75`	`78`
`76`	`79`	`[data-slot="collapsible-arrow-icon"] {`
`77`		`- transform: rotate(0deg);`
	`80`	`+ transform: translateZ(0) rotate(0deg);`
`78`	`81`	`}`
`79`	`82`	`}`
`80`	`83`