fix: Allow direct descendant selector with scoped querySelector

guidobouman · Apr 14, 2018 · 9bcb296 · 9bcb296
1 parent 570fe33
commit 9bcb296
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/panelSnap.js b/src/panelSnap.js
@@ -5,6 +5,8 @@ import {
   getTargetScrollTop,
 } from './utilities';
 
+let INSTANCE_COUNTER = 0;
+
 const defaultOptions = {
   container: document.body,
   panelSelector: '> section',
@@ -26,8 +28,12 @@ export default class PanelSnap {
     };
 
     this.container = this.options.container;
+
+    INSTANCE_COUNTER += 1;
+    this.instanceIndex = INSTANCE_COUNTER;
+
     this.scrollingContainer = getScrollingElement(this.container);
-    this.panelList = this.container.querySelectorAll(this.options.panelSelector);
+    this.panelList = document.querySelectorAll(`[data-panelsnap-id="${this.instanceIndex}"] ${this.options.panelSelector}`);
 
     this.isEnabled = true;
     this.isMouseDown = false;