-
Notifications
You must be signed in to change notification settings - Fork 157
Description
Description
When having a shared tooltip, i.e., multiple igxTooltipTarget
s with a single igxTooltip
, setting the openAnimation
/closeAnimation
to undefined/null causes the tooltip not to open/close as expected when navigating between targets.
Originated from https://infragistics.visualstudio.com/Indigo_Platform/_workitems/edit/40280
- igniteui-angular version: 20.1.x, master
- browser: any
Steps to reproduce
- Configure multiple tooltip targets with a single shared tooltip.
- Add position settings with
closeAnimation
set to undefined, and set the position settings to all tooltip targets. - Hover over the targets.
- Repeat 2 and 3, but this time set the
openAnimation
to undefined instead of thecloseAnimation
.
<igx-icon [igxTooltipTarget]="myTooltip" [positionSettings]="positionSettings">info</igx-icon>
<igx-icon [igxTooltipTarget]="myTooltip" [positionSettings]="positionSettings">favorite</igx-icon>
<!-- More targets here... -->
<div #myTooltip="tooltip" igxTooltip>Tooltip text here.</div>
// Config 1
public positionSettings: PositionSettings = {
openAnimation: useAnimation(fadeIn, { params: { duration: '100ms' } }),
closeAnimation: undefined,
};
// Config 2
public positionSettings: PositionSettings = {
openAnimation: undefined,
closeAnimation: useAnimation(fadeOut, { params: { duration: '75ms' } }),
};
Result
Config 1 - tooltip seems stuck to the first target.
Config 2 - tooltip is closed immediately (expected), but is not opened for the next target, so it basically disappears. After hovering away from the targets, it is briefly shown.
Expected result
When the tooltip is shown for one target, and the user interacts with another target, the tooltip is instantly hidden for the first target (without the closing animation and without respecting hideDelay
) and is shown for the second target (with the appropriate animation and showDelay
, if specified).