From 5f1df68e0dd376afd053d358902ae8a67164d1d3 Mon Sep 17 00:00:00 2001
From: Miles Murgaw <milesmurgaw@gmail.com>
Date: Mon, 21 Apr 2025 16:58:34 -0400
Subject: [PATCH] fix: toast fouc (#4012)

---
 packages/cli/assets/web/toast.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/cli/assets/web/toast.html b/packages/cli/assets/web/toast.html
index c7018c485..2344074df 100644
--- a/packages/cli/assets/web/toast.html
+++ b/packages/cli/assets/web/toast.html
@@ -94,7 +94,7 @@
   }
 </style>
 
-<div id="dx-toast-template" class="dx-toast">
+<div id="dx-toast-template" class="dx-toast" hidden>
   <div class="dx-toast-inner" style="right:-300px;">
     <!-- Level/Color decor -->
     <div class="dx-toast-level-bar-container">
@@ -158,6 +158,7 @@
     let messageElem = innerElem.querySelector(".dx-toast-inner .dx-toast-msg");
     messageElem.innerText = message;
 
+    currentToast.removeAttribute("hidden");
     document.body.appendChild(currentToast);
 
     // Add listener to close toasts when clicked.