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
parent
c42cea5ca9
commit
f8c89633d9
|
|
@ -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}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue