diff --git a/public/assets/pages/viewerpage/application_image/pagination.js b/public/assets/pages/viewerpage/application_image/pagination.js index 11edcd2d..beea35b1 100644 --- a/public/assets/pages/viewerpage/application_image/pagination.js +++ b/public/assets/pages/viewerpage/application_image/pagination.js @@ -105,18 +105,16 @@ function initMobileNavigation({ $img, $navigation }) { dist: null, }; - effect(rxjs.fromEvent($img, "touchstart").pipe(rxjs.debounceTime(10), rxjs.tap((event) => { + effect(rxjs.fromEvent($img, "touchstart", { passive: true }).pipe(rxjs.debounceTime(10), rxjs.tap((event) => { if (event.touches.length !== 1) return; - event.preventDefault(); $img.style.transition = "0s ease transform"; state.active = true; state.originT = performance.now(); state.originX = event.touches[0].pageX; }))); - effect(rxjs.fromEvent($img, "touchmove").pipe(rxjs.tap((event) => { + effect(rxjs.fromEvent($img, "touchmove", { passive: true }).pipe(rxjs.tap((event) => { if (event.touches.length !== 1 || state.active === false) return; - event.preventDefault(); state.dist = event.touches[0].pageX - state.originX; $img.style.transform = `translateX(${state.dist}px)`; }))); diff --git a/public/assets/pages/viewerpage/application_image/zoom.js b/public/assets/pages/viewerpage/application_image/zoom.js index cb5c8a6e..fd2ab425 100644 --- a/public/assets/pages/viewerpage/application_image/zoom.js +++ b/public/assets/pages/viewerpage/application_image/zoom.js @@ -62,7 +62,7 @@ function builder({ $img }) { }), ), // pinch zoom - rxjs.fromEvent($img.parentElement, "touchstart").pipe( + rxjs.fromEvent($img.parentElement, "touchstart", { passive: false }).pipe( rxjs.filter((e) => e.touches.length === 2), rxjs.switchMap((event) => rxjs.fromEvent($img.parentElement, "touchmove").pipe( rxjs.filter((event) => event.touches.length >= 2),