mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-07 00:47:00 +02:00
Code Issues Releases Wiki Activity

forum: fix post stream scrubber dragging on mobile

Browse Source
This commit is contained in:
David Sevilla Martin
2020-03-20 09:58:33 -04:00
parent f9cda85937
commit 8f7435f3fc
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
js/src/forum/components/PostStreamScrubber.tsx
View File

@@ -373,22 +373,24 @@ export default class PostStreamScrubber extends Component {
); );
} }
onmousedown(e) { onmousedown(e: MouseEvent) {
this.mouseStart = e.clientY || e.originalEvent.touches[0].clientY; this.mouseStart = window.TouchEvent && e instanceof TouchEvent ? e.touches[0].clientY : e.clientY;
this.indexStart = this.index; this.indexStart = this.index;
this.dragging = true; this.dragging = true;
this.stream.paused = true; this.stream.paused = true;
$('body').css('cursor', 'move'); $('body').css('cursor', 'move');
} }
onmousemove(e) { onmousemove(e: MouseEvent) {
if (!this.dragging) return; if (!this.dragging) return;
let y = window.TouchEvent && e instanceof TouchEvent ? e.touches[0].clientY : e.clientY;
// Work out how much the mouse has moved by - first in pixels, then // Work out how much the mouse has moved by - first in pixels, then
// convert it to a percentage of the scrollbar's height, and then // convert it to a percentage of the scrollbar's height, and then
// finally convert it into an index. Add this delta index onto // finally convert it into an index. Add this delta index onto
// the index at which the drag was started, and then scroll there. // the index at which the drag was started, and then scroll there.
const deltaPixels = (e.clientY || e.originalEvent.touches[0].clientY) - this.mouseStart; const deltaPixels = y - this.mouseStart;
const deltaPercent = (deltaPixels / this.$('.Scrubber-scrollbar').outerHeight()) * 100; const deltaPercent = (deltaPixels / this.$('.Scrubber-scrollbar').outerHeight()) * 100;
const deltaIndex = deltaPercent / this.percentPerPost().index || 0; const deltaIndex = deltaPercent / this.percentPerPost().index || 0;
const newIndex = Math.min(this.indexStart + deltaIndex, this.count() - 1); const newIndex = Math.min(this.indexStart + deltaIndex, this.count() - 1);