gix for #73, hide on clickoutside for mobile devices

MrFrankel · Sep 4, 2018 · 96edf1a · 96edf1a
1 parent 836c9a0
commit 96edf1a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-popper",
-  "version": "5.0.6",
+  "version": "5.1.6",
   "description": "ngx-popper is an angular wrapper for popper.js",
   "directories": {
     "test": "test"

diff --git a/src/popper-content.ts b/src/popper-content.ts
@@ -5,7 +5,7 @@ import {
   ViewChild,
   EventEmitter,
   ViewEncapsulation,
-  HostListener, Renderer2, ViewRef, ViewContainerRef,
+  HostListener, Renderer2, ViewContainerRef,
 } from "@angular/core";
 import Popper from 'popper.js';
 import {Placements, Triggers, PopperContentOptions} from './popper-model';

diff --git a/src/popper-directive.ts b/src/popper-directive.ts
@@ -262,6 +262,7 @@ export class PopperController implements OnInit, OnChanges {
     if (this.timeoutAfterShow > 0) {
       this.scheduledHide(null, this.timeoutAfterShow);
     }
+    this.globalEventListeners.push(this.renderer.listen('document', 'touchend', this.hideOnClickOutsideHandler.bind(this)));
     this.globalEventListeners.push(this.renderer.listen('document', 'click', this.hideOnClickOutsideHandler.bind(this)));
     this.globalEventListeners.push(this.renderer.listen(this.getScrollParent(this.getRefElement()), 'scroll', this.hideOnScrollHandler.bind(this)));
   }