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

This commit is contained in:
Pablo Martinez Garcia
2021-05-06 21:36:20 +02:00
committed by GitHub
parent f5c29a5ec8
commit 12652b53b8
3 changed files with 4 additions and 4 deletions

View File

@@ -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 }))
])
])

View File

@@ -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();

View File

@@ -70,7 +70,7 @@ export class TooltipCardDirective implements OnInit, OnDestroy {
tooltipRef.instance.htmlContent = this.htmlContent;
}
@HostListener('mouseout')
@HostListener('mouseleave')
hide() {
this.overlayRef.detach();
}