set md-dragging class correctly. attach recognizers to the whole slid…

…er. big usability improvement.
miguelcobain · Mar 9, 2017 · 77274a0 · 77274a0
1 parent b862081
commit 77274a0
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/addon/components/paper-slider.js b/addon/components/paper-slider.js
@@ -21,7 +21,7 @@ export default Component.extend(FocusableMixin, ColorMixin, {
   attributeBindings: ['min', 'max', 'step', 'discrete:md-discrete', 'tabindex'],
 
   classNames: ['md-default-theme'],
-  classNameBindings: ['isMinimum:md-min', 'active', 'dragging'],
+  classNameBindings: ['isMinimum:md-min', 'active', 'dragging:md-dragging'],
 
   constants: inject.service(),
 
@@ -78,10 +78,8 @@ export default Component.extend(FocusableMixin, ColorMixin, {
   },
 
   _setupHammer() {
-    let thumbContainer = this.$('.md-thumb-container').get(0);
-
     // Enable dragging the slider
-    let containerManager = new Hammer.Manager(thumbContainer);
+    let containerManager = new Hammer.Manager(this.element);
     let pan = new Hammer.Pan({ direction: Hammer.DIRECTION_HORIZONTAL, threshold: 10 });
     containerManager.add(pan);