cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 10:58:20 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix slider update by touch on iPhone/iPad

Browse Source
This commit is contained in:
Dmitry Lyzo 2020-02-14 00:31:08 +03:00
parent a0fa065667
commit 798a679842
1 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/elements/emby-slider/emby-slider.js
View File

@ -75,7 +75,8 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
function updateValues() {
// Do not update values when dragging with keyboard to keep current progress for reference
if (!!this.keyboardDragging) {
// Do not update values when touched to keep current progress for reference
if (!!this.keyboardDragging || !!this.touched) {
return;
}
@ -236,6 +237,46 @@ define(['browser', 'dom', 'layoutManager', 'keyboardnavigation', 'css!./emby-sli
passive: true
});
// HACK: iPhone/iPad do not change input by touch
if (browser.iOS) {
dom.addEventListener(this, 'touchstart', function (e) {
if (e.targetTouches.length !== 1) {
return;
}
this.touched = true;
var fraction = mapClientToFraction(this, e.targetTouches[0].clientX);
this.value = mapFractionToValue(this, fraction);
this.dispatchEvent(new Event('input', {
bubbles: true,
cancelable: false
}));
// Reset dragging (from 'input' event) so that real dragging can be detected
var range = this;
setTimeout(function () {
range.dragging = false;
}, 0);
}, {
passive: true
});
dom.addEventListener(this, 'touchend', function (e) {
if (!this.dragging) {
this.dispatchEvent(new Event('change', {
bubbles: true,
cancelable: false
}));
}
this.touched = false;
}, {
passive: true
});
}
if (supportsValueSetOverride) {
this.addEventListener('valueset', updateValues);
} else {