浏览代码

fix: toast fouc (#4012)

Miles Murgaw 2 月之前
父节点
当前提交
5f1df68e0d
共有 1 个文件被更改,包括 2 次插入1 次删除
  1. 2 1
      packages/cli/assets/web/toast.html

+ 2 - 1
packages/cli/assets/web/toast.html

@@ -94,7 +94,7 @@
   }
   }
 </style>
 </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;">
   <div class="dx-toast-inner" style="right:-300px;">
     <!-- Level/Color decor -->
     <!-- Level/Color decor -->
     <div class="dx-toast-level-bar-container">
     <div class="dx-toast-level-bar-container">
@@ -158,6 +158,7 @@
     let messageElem = innerElem.querySelector(".dx-toast-inner .dx-toast-msg");
     let messageElem = innerElem.querySelector(".dx-toast-inner .dx-toast-msg");
     messageElem.innerText = message;
     messageElem.innerText = message;
 
 
+    currentToast.removeAttribute("hidden");
     document.body.appendChild(currentToast);
     document.body.appendChild(currentToast);
 
 
     // Add listener to close toasts when clicked.
     // Add listener to close toasts when clicked.