fix(web): force GPU compositing on thumbnail hover gradient to eliminate Firefox streaks (#28338)

Add transform: translateZ(0) to the gradient overlay div in
Thumbnail.svelte. Firefox's CPU compositing of the linear-gradient
overlay during the opacity transition produces horizontal subpixel
rendering artifacts. Forcing GPU layer promotion eliminates the
streaks.
pull/28713/head
Alexander Chen 2026-05-30 19:50:37 -07:00
parent c42cea5ca9
commit f8c89633d9
1 changed files with 1 additions and 0 deletions

View File

@ -313,6 +313,7 @@
'absolute size-full bg-linear-to-b from-black/25 via-[transparent_25%] opacity-0 transition-opacity group-hover:opacity-100',
{ 'rounded-xl group-focus-visible:rounded-lg': selected },
]}
style="transform: translateZ(0);"
></div>
{/if}