fix: toast zIndex

hellof2e · Dec 8, 2023 · 1119c67 · 1119c67
1 parent b618f20
commit 1119c67
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/packages/quarkd/src/toast/index.tsx b/packages/quarkd/src/toast/index.tsx
@@ -153,16 +153,17 @@ class QuarkToast extends QuarkElement {
       </quark-overlay>
     );
   };
-  renderOther = () => (
-    <div
-      class="quark-toast"
-      ref={this.toastRef}
-      style={{ zIndex: this.zIndex }}
-    >
-      {this.type !== "text" && this.renderIcon()}
-      <slot>{this.content}</slot>
-    </div>
-  );
+  renderOther = () => {
+    if (this.zIndex) {
+      this.style.zIndex = `${this.zIndex}`;
+    }
+    return (
+      <div class="quark-toast" ref={this.toastRef}>
+        {this.type !== "text" && this.renderIcon()}
+        <slot>{this.content}</slot>
+      </div>
+    );
+  };
   render() {
     return (
       <Fragment>