Fix multiple instances of component glitching

eddiemf · eddiemf · commit bd5910f7038c · 2017-10-21T03:41:13.000-02:00
diff --git a/dist/vue-scrollactive.js b/dist/vue-scrollactive.js
@@ -375,7 +375,7 @@ exports.default = {
     setScrollactiveItems: function setScrollactiveItems() {
       var _this2 = this;
 
-      var scrollactiveItems = document.querySelectorAll('.scrollactive-item');
+      var scrollactiveItems = this.$el.querySelectorAll('.scrollactive-item');
 
       scrollactiveItems.forEach(function (scrollactiveItem) {
         if (!document.getElementById(scrollactiveItem.hash.substr(1))) {
diff --git a/dist/vue-scrollactive.min.js b/dist/vue-scrollactive.min.js
diff --git a/examples/assets/main.js b/examples/assets/main.js
@@ -499,7 +499,7 @@ exports.default = {
     setScrollactiveItems: function setScrollactiveItems() {
       var _this2 = this;
 
-      var scrollactiveItems = document.querySelectorAll('.scrollactive-item');
+      var scrollactiveItems = this.$el.querySelectorAll('.scrollactive-item');
 
       scrollactiveItems.forEach(function (scrollactiveItem) {
         if (!document.getElementById(scrollactiveItem.hash.substr(1))) {
diff --git a/src/scrollactive.vue b/src/scrollactive.vue
@@ -138,7 +138,7 @@ export default {
     * corresponds to a valid element ID.
     */
     setScrollactiveItems() {
-      const scrollactiveItems = document.querySelectorAll('.scrollactive-item');
+      const scrollactiveItems = this.$el.querySelectorAll('.scrollactive-item');
 
       scrollactiveItems.forEach((scrollactiveItem) => {
         if (!document.getElementById(scrollactiveItem.hash.substr(1))) {
