sort of fix safari bug, but not really (sveltejs#599)

Rich-Harris · web-flow · commit dcbf5f637463 · 2024-10-23T18:23:24.000-04:00
diff --git a/apps/svelte.dev/src/routes/_home/Testimonials.svelte b/apps/svelte.dev/src/routes/_home/Testimonials.svelte
@@ -133,10 +133,11 @@
 			-webkit-transform: var(--safari-fix);
 
 			@media all and not (hover: none) {
-				filter: grayscale(1);
+				/* the additional `contrast(1)` is necessary for safari 18 to not behave stupidly */
+				filter: grayscale(1) contrast(1);
 
 				a:hover & {
-					filter: grayscale(0);
+					filter: grayscale(0) contrast(1);
 				}
 			}
 		}

Original file line number	Diff line number	Diff line change
`@@ -133,10 +133,11 @@`
`133`	`133`	`-webkit-transform: var(--safari-fix);`
`134`	`134`
`135`	`135`	`@media all and not (hover: none) {`
`136`		`- filter: grayscale(1);`
	`136`	+ /* the additional `contrast(1)` is necessary for safari 18 to not behave stupidly */
	`137`	`+ filter: grayscale(1) contrast(1);`
`137`	`138`
`138`	`139`	`a:hover & {`
`139`		`- filter: grayscale(0);`
	`140`	`+ filter: grayscale(0) contrast(1);`
`140`	`141`	`}`
`141`	`142`	`}`
`142`	`143`	`}`