diff --git a/src/components/snackbar/snackbar.tsx b/src/components/snackbar/snackbar.tsx
index 8d298b0cee..c1a345c78e 100644
--- a/src/components/snackbar/snackbar.tsx
+++ b/src/components/snackbar/snackbar.tsx
@@ -129,13 +129,20 @@ export class Snackbar {
 
     private snackbarId: string;
     private timeoutId?: number;
+    private firstRender = true;
 
     public constructor() {
         this.snackbarId = createRandomString();
     }
 
-    public componentWillLoad() {
-        this.isOpen = this.open;
+    public componentDidRender() {
+        if (!this.firstRender) {
+            return;
+        }
+
+        this.firstRender = false;
+
+        requestAnimationFrame(() => this.watchOpen());
     }
 
     @Listen('changeOffset')