Fix slider update by touch on iPhone/iPad (#807)

src/elements/emby-slider/emby-slider.js

@@ -254,24 +254,40 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
                     cancelable: false
                 }));
 
-                // Reset dragging (from 'input' event) so that real dragging can be detected
+                // Prevent 'pointermove' and 'click' after 'touch*'
-                var range = this;
+                // FIXME: Still have some 'pointermove' and 'click' that bypass 'touchstart'
-                setTimeout(function () {
+                e.preventDefault();
-                    range.dragging = false;
+            }, {
-                }, 0);
+                capture: true
+            });
+
+            dom.addEventListener(this, 'touchmove', function (e) {
+                if (!this.touched || e.targetTouches.length !== 1) {
+                    return;
+                }
+
+                var fraction = mapClientToFraction(this, e.targetTouches[0].clientX);
+                this.value = mapFractionToValue(this, fraction);
+
+                this.dispatchEvent(new Event('input', {
+                    bubbles: true,
+                    cancelable: false
+                }));
             }, {
                 passive: true
             });
 
             dom.addEventListener(this, 'touchend', function (e) {
-                if (!this.dragging) {
+                var range = this;
-                    this.dispatchEvent(new Event('change', {
+
+                setTimeout(function () {
+                    range.touched = false;
+
+                    range.dispatchEvent(new Event('change', {
                         bubbles: true,
                         cancelable: false
                     }));
-                }
+                }, 0);
-
-                this.touched = false;
             }, {
                 passive: true
             });