fix 🐛: zindex position bug

NJUPT-SAST · Oct 29, 2024 · ef98f85 · ef98f85 · vercel · Oct 29, 2024
1 parent a811902
commit ef98f85
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/ui-react/lib/Toast/showToast.tsx b/packages/ui-react/lib/Toast/showToast.tsx
@@ -46,6 +46,7 @@ const moreTimeClose = (div: HTMLDivElement) => {
       if (toastContainer?.contains(div)) {
         toastContainer?.removeChild(div);
         toasts = toasts.filter((toast) => toast !== div);
+        checkToastContainer(); // Check if toasts are empty
       }
     }, 400);
   }, 5000);
@@ -55,16 +56,18 @@ const moreThreeClose = () => {
   if (toasts.length > 3) {
     toasts.shift();
     setTimeout(() => {
-      while (toastContainer && toastContainer?.childNodes.length > 3 && toastContainer.firstChild) {
+      while (toastContainer && toastContainer.childNodes.length > 3 && toastContainer.firstChild) {
         toastContainer.removeChild(toastContainer.firstChild);
       }
+      checkToastContainer(); // Check if toasts are empty
     }, 300);
   }
 };
 
 const closeToast = (div: HTMLDivElement) => {
   setTimeout(() => {
     div.remove();
+    checkToastContainer(); // Check if toasts are empty
   }, 300);
   toasts = toasts.filter((toast) => toast !== div);
   addListener(div);
@@ -103,3 +106,10 @@ const addListener = (div: HTMLDivElement) => {
   div.addEventListener('mouseenter', handleMouseEnter);
   div.addEventListener('mouseleave', handleMouseLeave);
 };
+
+const checkToastContainer = () => {
+  if (toasts.length === 0 && toastContainer) {
+    document.body.removeChild(toastContainer);
+    toastContainer = null; // Reset toastContainer
+  }
+};
diff --git a/packages/ui-react/package.json b/packages/ui-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ui-aurora/react",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "A React UI library built for SASTOJ",
   "author": "sast",
   "license": "MIT",