add Hide when mouse leave

MrFrankel · Mar 9, 2018 · 03f50ed · 03f50ed
1 parent 6058106
commit 03f50ed
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/popper-content.ts b/src/popper-content.ts
@@ -172,7 +172,7 @@ export class PopperContent implements OnDestroy {
   @HostListener('mouseleave')
   showOnLeave() {
     this.isMouseOver = false;
-    if (this.popperOptions.trigger !== Triggers.HOVER) {
+    if (this.popperOptions.trigger !== Triggers.HOVER && !this.popperOptions.hideOnMouseLeave) {
       return;
     }
     this.hide();

diff --git a/src/popper-directive.ts b/src/popper-directive.ts
@@ -38,6 +38,7 @@ export class PopperController implements OnInit, OnChanges {
   public static baseOptions: PopperContentOptions = <PopperContentOptions>{
     placement: Placements.Auto,
     hideOnClickOutside: true,
+    hideOnMouseLeave: false,
     hideOnScroll: false,
     showTrigger: Triggers.HOVER
   };
@@ -81,6 +82,9 @@ export class PopperController implements OnInit, OnChanges {
   @Input('popperHideOnScroll')
   hideOnScroll: boolean | undefined;
 
+  @Input('popperHideOnMouseLeave')
+  hideOnMouseLeave: boolean | undefined;
+
   @Input('popperPositionFixed')
   positionFixed: boolean;
 
@@ -146,7 +150,7 @@ export class PopperController implements OnInit, OnChanges {
   @HostListener('touchcancel')
   @HostListener('mouseleave')
   hideOnLeave(): void {
-    if (this.disabled || this.showTrigger !== Triggers.HOVER) {
+    if (this.disabled || (this.showTrigger !== Triggers.HOVER && !this.hideOnMouseLeave)) {
       return;
     }
     this.scheduledHide(null, this.hideTimeout);
@@ -277,6 +281,7 @@ export class PopperController implements OnInit, OnChanges {
     this.showTrigger = typeof this.showTrigger === 'undefined' ?  PopperController.baseOptions.trigger : this.showTrigger;
     this.hideOnClickOutside = typeof this.hideOnClickOutside === 'undefined' ?  PopperController.baseOptions.hideOnClickOutside : this.hideOnClickOutside;
     this.hideOnScroll = typeof this.hideOnScroll === 'undefined' ?  PopperController.baseOptions.hideOnScroll : this.hideOnScroll;
+    this.hideOnMouseLeave = typeof this.hideOnMouseLeave === 'undefined' ?  PopperController.baseOptions.hideOnMouseLeave : this.hideOnMouseLeave;
   }
 
   private clearEventListeners() {

diff --git a/src/popper.model.ts b/src/popper.model.ts
@@ -59,6 +59,7 @@ export interface PopperContentOptions {
   trigger?: Trigger;
   positionFixed?: boolean;
   hideOnClickOutside?: boolean;
+  hideOnMouseLeave?: boolean;
   hideOnScroll?: boolean;
   popperModifiers?: {};
 }