fix(toast): fixed initial async undefined error (#1039)

Co-authored-by: Demirci <ridvan.demirci@siemens.com>
siemens · Jan 31, 2024 · 6030480 · 6030480
1 parent aa4bdc3
commit 6030480
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/packages/core/src/components/toast/toast-container.tsx b/packages/core/src/components/toast/toast-container.tsx
@@ -32,7 +32,15 @@ export class ToastContainer {
   private readonly PREFIX_POSITION_CLASS = 'toast-container--';
 
   get hostContainer() {
-    return document.getElementById(this.containerId);
+    return new Promise<HTMLElement>((resolve) => {
+      const interval = setInterval(() => {
+        const containerElement = document.getElementById(this.containerId);
+        if (containerElement) {
+          clearInterval(interval);
+          resolve(containerElement);
+        }
+      });
+    });
   }
 
   componentDidLoad() {
@@ -91,9 +99,7 @@ export class ToastContainer {
       toast.appendChild(config.message);
     }
 
-    setTimeout(() => {
-      this.hostContainer.appendChild(toast);
-    });
+    (await this.hostContainer).appendChild(toast);
 
     return {
       onClose,