AAE-5122 Change mouse event to leave in tooltip card (#6978)

Alfresco · May 6, 2021 · 12652b5 · 12652b5
1 parent f5c29a5
commit 12652b5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/lib/core/directives/tooltip-card/tooltip-card.component.ts b/lib/core/directives/tooltip-card/tooltip-card.component.ts
@@ -26,10 +26,10 @@ import { DomSanitizer } from '@angular/platform-browser';
         trigger('tooltip', [
             transition(':enter', [
                 style({ opacity: 0 }),
-                animate(500, style({ opacity: 1 }))
+                animate(200, style({ opacity: 1 }))
             ]),
             transition(':leave', [
-                animate(500, style({ opacity: 0 }))
+                animate(200, style({ opacity: 0 }))
 
             ])
         ])

diff --git a/lib/core/directives/tooltip-card/tooltip-card.directive.spec.ts b/lib/core/directives/tooltip-card/tooltip-card.directive.spec.ts
@@ -91,7 +91,7 @@ describe('TooltipCardDirective', () => {
         let tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card');
         expect(tooltipCard).not.toBeNull();
 
-        span.triggerEventHandler('mouseout', {});
+        span.triggerEventHandler('mouseleave', {});
         fixture.detectChanges();
         tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card');
         expect(tooltipCard).toBeNull();

diff --git a/lib/core/directives/tooltip-card/tooltip-card.directive.ts b/lib/core/directives/tooltip-card/tooltip-card.directive.ts
@@ -70,7 +70,7 @@ export class TooltipCardDirective implements OnInit, OnDestroy {
         tooltipRef.instance.htmlContent = this.htmlContent;
     }
 
-    @HostListener('mouseout')
+    @HostListener('mouseleave')
     hide() {
         this.overlayRef.detach();
     }