fix(praparat): click event does not work

itigoore01 · Oct 8, 2019 · 7641549 · 7641549
1 parent 41fb010
commit 7641549
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/projects/praparat/src/lib/praparat.component.scss b/projects/praparat/src/lib/praparat.component.scss
@@ -1,6 +1,7 @@
 :host {
   position: relative;
   display: block;
+  touch-action: none;
   width: 100%;
   height: 100%;
 }

diff --git a/projects/praparat/src/lib/praparat.component.ts b/projects/praparat/src/lib/praparat.component.ts
@@ -125,7 +125,6 @@ export class PraparatComponent implements OnDestroy, AfterViewInit {
       this.removeListeners.push(
         this.renderer.listen(this.elementRef.nativeElement, 'wheel', (event: WheelEvent) => {
           event.preventDefault();
-          event.stopPropagation();
           this.cancelAnimation();
 
           const {
@@ -149,8 +148,6 @@ export class PraparatComponent implements OnDestroy, AfterViewInit {
       // タッチでのパン&ズーム
       this.removeListeners.push(
         this.renderer.listen(this.elementRef.nativeElement, 'touchstart', (event: TouchEvent) => {
-          event.preventDefault();
-          event.stopPropagation();
           this.cancelAnimation();
 
           const touches: Point[] = this.touchListToPoints(event.touches);
@@ -181,8 +178,6 @@ export class PraparatComponent implements OnDestroy, AfterViewInit {
 
       this.removeListeners.push(
         this.renderer.listen(this.elementRef.nativeElement, 'mousedown', (downEvent: MouseEvent) => {
-          downEvent.preventDefault();
-          downEvent.stopPropagation();
           this.cancelAnimation();
 
           this.model.touchStart([{