Steps - Skipping stages when I include JavaScript implementation #47

Wikiki · May 31, 2018 · 841c65a · 841c65a
1 parent b096899
commit 841c65a
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 16 deletions.
diff --git a/dist/bulma-steps.js b/dist/bulma-steps.js
@@ -27,6 +27,23 @@ class StepsWizard {
     this.init();
   }
 
+  /**
+   * Initiate all DOM element containing tagsinput class
+   * @method
+   * @return {Array} Array of all TagsInput instances
+   */
+  static attach(selector = '.steps', options = {}) {
+    let stepsInstances = new Array();
+
+    const steps = document.querySelectorAll(selector);
+    [].forEach.call(steps, step => {
+      setTimeout(() => {
+        stepsInstances.push(new StepsWizard(step, options));
+      }, 100);
+    });
+    return stepsInstances;
+  }
+
   init() {
     for (var i = 0; i < this.steps.length; i++) {
       var step = this.steps[i];
@@ -200,13 +217,6 @@ class StepsWizard {
   }
 }
 
-document.addEventListener('DOMContentLoaded', function() {
-  var stepsContainers = document.querySelectorAll('.steps');
-  [].forEach.call(stepsContainers, (stepsContainer) => {
-    var stepsWizard = new StepsWizard(stepsContainer);
-  });
-});
-
 return StepsWizard;
 
 }());