Merge pull request #807 from AnswerDotAI/erikgaas/toast-zindex

jph00 · web-flow · commit 8dd64b957fe1 · 2025-12-08T09:50:11.000+10:00
Bump toast z-index to 1090 so toasts appear above modals
diff --git a/fasthtml/toaster.py b/fasthtml/toaster.py
@@ -7,7 +7,7 @@
 sk = "toasts"
 toast_css = """
 #fh-toast-container {
-    position: fixed; inset: 20px 0; z-index: 1000; max-width: 80vw;
+    position: fixed; inset: 20px 0; z-index: 1090; max-width: 80vw;
     display: flex; flex-direction: column; align-items: center;
     gap: 10px; pointer-events: none; margin: 0 auto;
 }

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`sk = "toasts"`
`8`	`8`	`toast_css = """`
`9`	`9`	`#fh-toast-container {`
`10`		`- position: fixed; inset: 20px 0; z-index: 1000; max-width: 80vw;`
	`10`	`+ position: fixed; inset: 20px 0; z-index: 1090; max-width: 80vw;`
`11`	`11`	`display: flex; flex-direction: column; align-items: center;`
`12`	`12`	`gap: 10px; pointer-events: none; margin: 0 auto;`
`13`	`13`	`}`