Fix firefox canvas rendering bug making largelink box invisible

jiwonac · jiwonac · commit 1f61008c0ece · 2026-01-20T12:21:00.000-05:00
diff --git a/src/_css/landing.css b/src/_css/landing.css
@@ -7,6 +7,7 @@
     background: transparent;
     padding: 1.5rem 2rem;
     margin-bottom: 2rem;
+    isolation: isolate; /* Fix Firefox canvas z-index rendering bug */
 }
 
 .landing-intro-canvas {
@@ -56,6 +57,7 @@
     transition: transform 300ms ease;
     background: transparent;
     border: none;
+    isolation: isolate; /* Fix Firefox canvas z-index rendering bug */
 }
 
 /* Canvas for rough.js sketch background */

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@`
`7`	`7`	`background: transparent;`
`8`	`8`	`padding: 1.5rem 2rem;`
`9`	`9`	`margin-bottom: 2rem;`
	`10`	`+ isolation: isolate; /* Fix Firefox canvas z-index rendering bug */`
`10`	`11`	`}`
`11`	`12`
`12`	`13`	`.landing-intro-canvas {`
`@@ -56,6 +57,7 @@`
`56`	`57`	`transition: transform 300ms ease;`
`57`	`58`	`background: transparent;`
`58`	`59`	`border: none;`
	`60`	`+ isolation: isolate; /* Fix Firefox canvas z-index rendering bug */`
`59`	`61`	`}`
`60`	`62`
`61`	`63`	`/* Canvas for rough.js sketch background */`