IgxTooltip issues

Dear all,

am I the only one experiencing issues with igx-tooltips in igniteui-angular 21.1.0 onwards? With 21.0.10 everything worked ok, but now I perceived that 1) items with tooltips react to hovering much more aggresively (with a null delay) 2) many of the tooltips linger indefinitely until they’re hovered on again and then unhovered.

Any comment about this would be much appreciated.

Kind regards

 

Hello,

Thank you for posting in our community!

In version 21.1.0, a new feature was introduced for the IgxTooltipTarget – trigger events. Now, the tooltip target allows you to set which event triggers will show or hide the tooltip. Expects a comma-separated string of different event triggers, and the defaults are pointerenter for the showTriggers and pointerleave and click for the hideTriggers.

Before this change, the tooltip target reacted to mouseenter and mouseleave. As well as click for hiding, this remains unchanged.

This feature can be checked in our Triggers sample here.

Additionally, there were some behavioral changes in version 20.1.0 related to the show and hide delays. They were made shorter – from 500ms to 200ms for showDelay and 300ms for hideDelay. However, this change should be noticeable in version 21.0.10, too.

While testing the reported behaviors with the Triggers sample, I did not notice the tooltip appear more aggressively/without a delay, or for it to remain open.

However, if you are experiencing the showing without delay when quickly hovering on the tooltip itself, similar to the demo below, then please note that this behavior is expected. Since version 20.1.0, the tooltip remains open while interacting with it, and in the following case – quickly interacting with the tooltip while it is still showing, the show animation is canceled, and the tooltip is shown immediately. This is expected and by design.

To conclude, when the event triggers feature was introduced, it did not affect the delay behavior in any way. However, what I can suggest is checking out the showTriggers and hideTriggers options, changing them to mouseenter/mouseleave to simulate the previous behavior. Also, if needed, you can adjust the showDelay and hideDelay options too.

Please test the sample as well as the suggestions on your side and let me know if you need any further information on the matter.

Sincerely,
Riva Ivanova
Software Developer

Hello,
You’re not alone—this started in igniteui-angular 21.1.x due to changed tooltip timing.

Set delays explicitly:
<igx-tooltip #t [showDelay]=”300″ [hideDelay]=”200″></igx-tooltip>
<div [igxTooltipTarget]=”t”>Hover</div>

For lingering tooltips

this.tooltipDir.hide();

Defaults now behave like 0, so always set showDelay / hideDelay manually

 

Best Regard,
Max Martin
mcdvoice

Nice discussion—tooltip issues can be really tricky, especially with newer versions of Ignite UI. From what I’ve seen, problems with igxTooltip often come down to configuration or how the tooltip is attached to elements, like using a shared tooltip instance or handling events properly.