fix(tooltip): consolidate tooltip show checks into a single method

Author: Zneeky

projects/igniteui-angular/src/lib/directives/tooltip/tooltip-target.directive.ts

@@ -359,18 +359,7 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
      */
     @HostListener('mouseenter')
     public onMouseEnter() {
-        if (this.tooltipDisabled) {
-            return;
-        }
-
-        if (!this.target.collapsed && this.target?.tooltipTarget?.sticky) {
-            return;
-        }
-
-        this._checkOutletAndOutsideClick();
-        this._checkTooltipForMultipleTargets();
-        this._evaluateStickyState();
-        this._showOnInteraction();
+        this._checksBeforeShowing(() => this._showOnInteraction());
     }
 
     /**
@@ -391,19 +380,15 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
      */
     @HostListener('touchstart')
     public onTouchStart() {
-        if (this.tooltipDisabled) {
-            return;
-        }
-
-        this._showOnInteraction();
+        this._checksBeforeShowing(() => this._showOnInteraction());
     }
 
     /**
      * @hidden
      */
     @HostListener('document:touchstart', ['$event'])
     public onDocumentTouchStart(event) {
-        if (this.tooltipDisabled) {
+        if (this.tooltipDisabled || this?.target?.tooltipTarget !== this) {
             return;
         }
 
@@ -465,7 +450,7 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
      * ```
      */
     public showTooltip() {
-        this._showTooltip(false, true);
+        this._checksBeforeShowing(() => this._showTooltip(false, true));
     }
 
     /**
@@ -498,6 +483,20 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
         }
     }
 
+    /**
+     * A guard method that performs precondition checks before showing the tooltip.
+     * It ensures that the tooltip is not disabled and not already shown in sticky mode.
+     * If all conditions pass, it executes the provided `action` callback.
+     */
+    private _checksBeforeShowing(action: () => void): void {
+        if (this.tooltipDisabled) return;
+        if (!this.target.collapsed && this.target?.tooltipTarget?.sticky) return;
+
+        this._checkOutletAndOutsideClick();
+        this._checkTooltipForMultipleTargets();
+        action();
+    }
+
     private _hideTooltip(withDelay: boolean): void {
         if (this.target.collapsed) {
             return;
@@ -525,6 +524,8 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
             if (showingArgs.cancel) return;
         }
 
+        this._evaluateStickyState();
+
         this.target.timeoutId = setTimeout(() => {
             // Call open() of IgxTooltipDirective
             this.target.open(this._mergedOverlaySettings);

projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.spec.ts

@@ -699,6 +699,33 @@ describe('IgxTooltip', () => {
             expect(tooltip.querySelector('igx-tooltip-close-button')).toBeNull();
         }));
 
+        it('should correctly update tooltip when showing programmatically for sticky and non-sticky targets', fakeAsync(() => {
+            const tooltip = tooltipNativeElement;
+
+            targetOne.sticky = true;
+            fix.detectChanges();
+            targetOne.showTooltip();
+            flush();
+
+            verifyTooltipVisibility(tooltip, targetOne, true);
+            expect(tooltip.role).toBe('status');
+
+            // Programmatically show tooltip for targetTwo (non-sticky) without closing sticky tooltip
+            targetTwo.sticky = false;
+            targetTwo.showTooltip();
+            flush();
+            verifyTooltipPosition(tooltip, targetTwo, false);
+            expect(tooltip.role).toBe('status');
+
+            targetOne.hideTooltip();
+            flush();
+
+            targetTwo.showTooltip();
+            flush();
+            verifyTooltipPosition(tooltip, targetTwo, true);
+            expect(tooltip.role).toBe('tooltip');
+        }));
+
         it('should correctly manage arrow state between different targets', fakeAsync(() => {
             targetOne.hasArrow = true;
             fix.detectChanges();
@@ -843,6 +870,18 @@ describe('IgxTooltip', () => {
 
             verifyTooltipVisibility(tooltipNativeElement, tooltipTarget, false)
         }));
+
+        it('should correctly display a sticky tooltip on touchstart', fakeAsync(() => {
+            tooltipTarget.sticky = true;
+            fix.detectChanges();
+            touchElement(button);
+            flush();
+
+            verifyTooltipVisibility(tooltipNativeElement, tooltipTarget, true);
+            const closeBtn = document.querySelector('.my-close-btn');
+            expect(closeBtn).toBeTruthy();
+            expect(tooltipNativeElement.getAttribute('role')).toBe('status');
+        }));
     });
 
     describe('IgxTooltip placement and offset', () => {

src/app/tooltip/tooltip.sample.html

@@ -46,7 +46,7 @@ <h4 class="sample-title">Simple tooltip</h4>
         <h4 class="sample-title">Tooltip input</h4>
         <div class="sample-tooltip-input">
 
-            <igx-avatar class="bottomMargin" src="assets/images/avatar/10.jpg" size="medium" igxTooltipTarget [tooltip]="'Her name is Toola Tipa'" [disableArrow]="true">
+            <igx-avatar class="bottomMargin" src="assets/images/avatar/10.jpg" size="medium" igxTooltipTarget [tooltip]="'Her name is Toola Tipa'">
             </igx-avatar>
 
             <igx-icon igxTooltipTarget [tooltip]="'Infragistics Inc. HQ'">