Description

When activating the cell validation, the tooltip uses the default open animation (scaleInVerTop) and close Animation (scaleOutVerTop) of the ConnectedPositionStrategy.
https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/services/overlay/position/connected-positioning-strategy.ts#L23

When hovering over the error icon, the default animations defined in IgxTooltipTarget are used - scaleInCenter for the open animation and fadeOut for the close animation.

https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/directives/tooltip/tooltip-target.directive.ts#L292

These animations have different durations as well.

• igniteui-angular version: master, 19.2.x, 18.2.x
• browser: any

Steps to reproduce

1. Go to the first sample of the Validation topic. https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/validation
2. Delete a value from the Name column so that it is invalid, and the tooltip will be shown.
3. Hover over the error icon.

Result

The open and close animations are not the same in both scenarios.

Expected result

As per discussing this matter with @dkoleva-infra, only the default open/close animation of the IgxTooltipTarget should be used - scaleInCenter for the open animation with duration 150ms and fadeOut for the close animation with duration 75ms.