From 4089ccf98fcee08ea80f70443c3d4595fed34b95 Mon Sep 17 00:00:00 2001
From: Shan Carter <shanjcarter@gmail.com>
Date: Mon, 23 Oct 2017 11:39:13 -0700
Subject: [PATCH] Real fix to mobile slider bug

---
 src/ui/d-slider.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/ui/d-slider.js b/src/ui/d-slider.js
index 11c3f0d..1b2b421 100644
--- a/src/ui/d-slider.js
+++ b/src/ui/d-slider.js
@@ -2,8 +2,7 @@ import { Template } from '../mixins/template';
 import { scaleLinear } from 'd3-scale';
 import { range } from 'd3-array';
 import { drag } from 'd3-drag';
-import { select } from 'd3-selection';
-import  {event as currentEvent } from 'd3-selection';
+import { select, event as currentEvent } from 'd3-selection';
 
 const T = Template('d-slider', `
 <style>
@@ -148,7 +147,7 @@ export class Slider extends T(HTMLElement) {
     this.renderTicks();
 
     this.drag = drag()
-      .container(this.track)
+      .container(this.background)
       .on("start", () => {
         this.mouseEvent = true;
         this.background.classList.add("mousedown");
@@ -156,7 +155,6 @@ export class Slider extends T(HTMLElement) {
         this.dragUpdate();
       })
       .on("drag", () => {
-        console.log(event)
         this.dragUpdate();
       })
       .on("end", () => {
@@ -260,9 +258,7 @@ export class Slider extends T(HTMLElement) {
 
   dragUpdate() {
     const bbox = this.background.getBoundingClientRect();
-    console.log(event, bbox, bbox.left)
-    const left = bbox.left;
-    const x = event.pageX - left;
+    const x = currentEvent.x;
     const width = bbox.width;
     this.update(this.scale.invert(x / width));
   }