From 0d3772578652eea499303231a7240411429ebdf9 Mon Sep 17 00:00:00 2001 From: Daviti Gogshelidze <daviti1@mail.com> Date: Tue, 18 Jun 2019 14:28:49 +0200 Subject: [PATCH] correct nativeElement is not found error --- src/atlasViewer/atlasViewer.component.ts | 34 +++++++++++++----------- 1 file changed, 18 insertions(+), 16 deletions(-) diff --git a/src/atlasViewer/atlasViewer.component.ts b/src/atlasViewer/atlasViewer.component.ts index aa551f293..8963c18f8 100644 --- a/src/atlasViewer/atlasViewer.component.ts +++ b/src/atlasViewer/atlasViewer.component.ts @@ -495,22 +495,24 @@ export class AtlasViewer implements OnDestroy, OnInit, AfterViewInit { closeMenuWithSwipe(documentToSwipe: ElementRef) { - const swipeDistance = 150; // swipe distance - const swipeLeft$ = fromEvent(documentToSwipe.nativeElement, "touchstart") - .pipe( - switchMap(startEvent => - fromEvent(documentToSwipe.nativeElement, "touchmove") - .pipe( - takeUntil(fromEvent(documentToSwipe.nativeElement, "touchend")) - ,map(event => event['touches'][0].pageX) - ,scan((acc, pageX) => Math.round(startEvent['touches'][0].pageX - pageX), 0) - ,takeLast(1) - ,filter(difference => difference >= swipeDistance) - ))) - // Subscription - swipeLeft$.subscribe(val => { - this.changeMenuState({close: true}) - }) + if (documentToSwipe && documentToSwipe.nativeElement) { + const swipeDistance = 150; // swipe distance + const swipeLeft$ = fromEvent(documentToSwipe.nativeElement, "touchstart") + .pipe( + switchMap(startEvent => + fromEvent(documentToSwipe.nativeElement, "touchmove") + .pipe( + takeUntil(fromEvent(documentToSwipe.nativeElement, "touchend")) + , map(event => event['touches'][0].pageX) + , scan((acc, pageX) => Math.round(startEvent['touches'][0].pageX - pageX), 0) + , takeLast(1) + , filter(difference => difference >= swipeDistance) + ))) + // Subscription + swipeLeft$.subscribe(val => { + this.changeMenuState({close: true}) + }) + } } } -- GitLab