Tooltip arrow not rendered for parent tooltip with nested tooltip until child tooltip has been shown

[Zneeky]

Description

When using nested tooltips (a tooltip inside the content of another tooltip), the arrow of the parent tooltip is not rendered the first time the parent tooltip is shown, if no explicit width/height is set on the parent tooltip panel.

The parent tooltip’s arrow appears only after the inner (child) tooltip has been shown at least once.

This looks like it might be related to the overlay/positioning logic (OverlayService), e.g. with how size/position is measured when nested overlays are used.

• igniteui-angular version: > 20
• browser: any

Steps to reproduce

1. Check out this sample
2. Locate the red container (this is the parent tooltip target)
3. Hover over the red area / Cool button to show the parent tooltip (tooltipRef).

✅ The parent tooltip content appears.

❌ The arrow is not visible, even though [hasArrow]="true".

Result

On the first display of the parent tooltip has no arrow.

Expected result

On the first display of the parent tooltip it should have an arrow.

Attachments

Sample