fix(module: carousel): add stopPropagation when touch action is trigg…

…ered (NG-ZORRO#61)
fisherspy · Oct 18, 2018 · c44ba59 · c44ba59
1 parent 3ce2ee0
commit c44ba59
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/carousel/carousel.component.ts b/components/carousel/carousel.component.ts
@@ -85,6 +85,7 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
   @HostListener('mousedown', ['$event'])
   @HostListener('touchstart', ['$event'])
   panstart(event) {
+    event.stopPropagation();
     if (!this.dragging) {
       return;
     }
@@ -99,6 +100,7 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
   @HostListener('mousemove', ['$event'])
   @HostListener('touchmove', ['$event'])
   panmove(event) {
+    event.stopPropagation();
     if (!this.dragging && !this._isMouseDown) {
       return;
     }
@@ -135,7 +137,8 @@ export class CarouselComponent implements AfterViewInit, OnDestroy {
   @HostListener('mouseleave', ['$event'])
   @HostListener('mouseup', ['$event'])
   @HostListener('touchend', ['$event'])
-  panend() {
+  panend(event) {
+    event.stopPropagation();
     if (!this.dragging && !this._isMouseDown) {
       return;
     }