igniteui-angular 21.1.4 → 21.1.5

package/fesm2022/igniteui-angular-directives.mjs

@@ -3831,6 +3831,9 @@ class IgxForOfDirective extends IgxForOfToken {
         this._sizesCache = [];
         this._differ = null;
         this.individualSizeCache = [];
+        /**
+         * @hidden
+         */
         /** Internal track for scroll top that is being virtualized */
         this._virtScrollPosition = 0;
         /** If the next onScroll event is triggered due to internal setting of scrollTop */
@@ -4413,7 +4416,7 @@ class IgxForOfDirective extends IgxForOfToken {
                 const maxVirtScrollTop = this._virtSize - containerSize;
                 this._bScrollInternal = true;
                 this._virtScrollPosition = maxVirtScrollTop;
-                this.scrollPosition = maxVirtScrollTop;
+                this.scrollPosition = maxVirtScrollTop / this._virtRatio;
                 return;
             }
             if (this._adjustToIndex) {
@@ -4997,11 +5000,13 @@ class IgxForOfDirective extends IgxForOfToken {
         let currentScroll = this.scrollPosition;
         if (this._virtRatio !== 1) {
             this._calcVirtualScrollPosition(this.scrollPosition);
-            currentScroll = this._virtScrollPosition;
+            scrollOffset = this.fixedUpdateAllElements(this._virtScrollPosition);
+        }
+        else {
+            const scroll = this.scrollComponent.nativeElement;
+            scrollOffset = scroll && this.scrollComponent.size ?
+                currentScroll - this.sizesCache[this.state.startIndex] : 0;
         }
-        const scroll = this.scrollComponent.nativeElement;
-        scrollOffset = scroll && this.scrollComponent.size ?
-            currentScroll - this.sizesCache[this.state.startIndex] : 0;
         const dir = this.igxForScrollOrientation === 'horizontal' ? 'left' : 'transform';
         this.dc.instance._viewContainer.element.nativeElement.style[dir] = this.igxForScrollOrientation === 'horizontal' ?
             -(scrollOffset) + 'px' :
@@ -8179,6 +8184,7 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
         this._positionSettings = TooltipPositionSettings;
         this._showTriggers = new Set(['pointerenter']);
         this._hideTriggers = new Set(['pointerleave', 'click']);
+        this._pendingShowTrigger = null;
         this._abortController = new AbortController();
     }
     /**
@@ -8399,14 +8405,18 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
     /**
      * @hidden
      */
-    onShow() {
-        this._checksBeforeShowing(() => this._showOnInteraction());
+    onShow(event) {
+        this._checksBeforeShowing(() => this._showOnInteraction(event));
     }
     /**
      * @hidden
      */
-    onHide() {
-        if (this.tooltipDisabled || this.target.collapsed) {
+    onHide(event) {
+        if (this.target.collapsed) {
+            this._cancelPendingShow(event);
+            return;
+        }
+        if (this.tooltipDisabled) {
             return;
         }
         this._checkOutletAndOutsideClick();
@@ -8517,7 +8527,7 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
             this.target.close();
         }, withDelay ? this.hideDelay : 0);
     }
-    _showTooltip(withDelay, withEvents) {
+    _showTooltip(withDelay, withEvents, triggerEvent) {
         if (!this.target.collapsed && !this._isForceClosed) {
             return;
         }
@@ -8531,14 +8541,16 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
                 return;
         }
         this._evaluateStickyState();
+        this._pendingShowTrigger = triggerEvent?.type ?? null;
         this.target.timeoutId = setTimeout(() => {
             // Call open() of IgxTooltipDirective
+            this._pendingShowTrigger = null;
             this.target.open(this._mergedOverlaySettings);
         }, withDelay ? this.showDelay : 0);
     }
-    _showOnInteraction() {
+    _showOnInteraction(triggerEvent) {
         this._stopTimeoutAndAnimation();
-        this._showTooltip(true, true);
+        this._showTooltip(true, true, triggerEvent);
     }
     _hideOnInteraction() {
         if (this.target?.tooltipTarget?.sticky) {
@@ -8561,6 +8573,23 @@ class IgxTooltipTargetDirective extends IgxToggleActionDirective {
         clearTimeout(this.target.timeoutId);
         this.target.stopAnimations();
     }
+    /**
+     * Used when a hide trigger occurs before the tooltip opens.
+     * Clears the pending timeout and resets the tracked show trigger
+     * so the tooltip does not open after the user has already left the target.
+     */
+    _cancelPendingShow(event) {
+        if (!this.target.timeoutId) {
+            return;
+        }
+        // Keep same-event show/hide trigger combinations acting as toggle behavior.
+        if (event?.type && event.type === this._pendingShowTrigger) {
+            return;
+        }
+        clearTimeout(this.target.timeoutId);
+        this.target.timeoutId = null;
+        this._pendingShowTrigger = null;
+    }
     /**
      * Used when a single tooltip is used for multiple targets.
      */