diff --git a/modal.js b/modal.js
index c18cd54..fa796cf 100644
--- a/modal.js
+++ b/modal.js
@@ -34,7 +34,7 @@ class Modal extends IgniteElement {
         )
     }
 
-    ready() {
+    afterRender() {
         this.modalInstance = new bootstrap.Modal(this.modal, { backdrop: this.backdropClose ? "true" : "static" });
     }
 
diff --git a/ok-dialog.js b/ok-dialog.js
index 2740ffb..85a8be8 100644
--- a/ok-dialog.js
+++ b/ok-dialog.js
@@ -53,9 +53,11 @@ class OkDialog extends IgniteElement {
         )
     }
 
-    ready() {
+    afterRender() {
         this.modal = new bootstrap.Modal(this.modalElement, { backdrop: "static" });
+    }
 
+    ready() {
         if (this.autoOpen) {
             this.open();
         }
diff --git a/yes-no-dialog.js b/yes-no-dialog.js
index 94698dd..bf1b648 100644
--- a/yes-no-dialog.js
+++ b/yes-no-dialog.js
@@ -63,9 +63,11 @@ class YesNoDialog extends IgniteElement {
         )
     }
 
-    ready() {
+    afterRender() {
         this.modal = new bootstrap.Modal(this.modalElement, { backdrop: "static" });
+    }
 
+    ready() {
         if (this.autoOpen) {
             this.open();
         }