Add will-change-transform to YouCursor

ShoeBoom · ShoeBoom · commit 8258b939375c · 2026-03-24T08:26:13.000-04:00
diff --git a/apps/sim/app/(home)/components/collaboration/collaboration.tsx b/apps/sim/app/(home)/components/collaboration/collaboration.tsx
@@ -132,7 +132,7 @@ function YouCursor({ cursorRef, visible }: YouCursorProps) {
     <div
       ref={cursorRef}
       aria-hidden='true'
-      className={`pointer-events-none fixed top-0 left-0 z-50 transition-transform ${visible ? '' : 'hidden'}`}
+      className={`pointer-events-none fixed top-0 left-0 z-50 will-change-transform transition-transform ${visible ? '' : 'hidden'}`}
     >
       <svg width='23.15' height='21.1' viewBox='0 0 17.5 16.4' fill='none'>
         <path d={CURSOR_ARROW_MIRRORED_PATH} fill='#33C482' />

Original file line number	Diff line number	Diff line change
`@@ -132,7 +132,7 @@ function YouCursor({ cursorRef, visible }: YouCursorProps) {`
`132`	`132`	`<div`
`133`	`133`	`ref={cursorRef}`
`134`	`134`	`aria-hidden='true'`
`135`		- className={`pointer-events-none fixed top-0 left-0 z-50 transition-transform ${visible ? '' : 'hidden'}`}
	`135`	+ className={`pointer-events-none fixed top-0 left-0 z-50 will-change-transform transition-transform ${visible ? '' : 'hidden'}`}
`136`	`136`	`>`
`137`	`137`	`<svg width='23.15' height='21.1' viewBox='0 0 17.5 16.4' fill='none'>`
`138`	`138`	`<path d={CURSOR_ARROW_MIRRORED_PATH} fill='#33C482' />`