From 016a8550baa57a8fb6be2e8f4f6d566659a95e10 Mon Sep 17 00:00:00 2001
From: Diyan Dimitrov <ddimitrov@infragistics.com>
Date: Mon, 15 Nov 2021 14:50:08 +0200
Subject: [PATCH] feat(slider): fix thumb hover timer

---
 src/components/slider/slider.ts | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/slider/slider.ts b/src/components/slider/slider.ts
index 484f085f5..758b0bfba 100644
--- a/src/components/slider/slider.ts
+++ b/src/components/slider/slider.ts
@@ -37,6 +37,7 @@ export default class IgcSliderComponent extends EventEmitterMixin<
   private _value: number | IRangeSliderValue = 0;
   private _hasViewInit = false;
   private _activeThumb: HTMLElement | undefined;
+  private thumbHoverTimer: any;
 
   private get isLTR(): boolean {
     const styles = window.getComputedStyle(this);
@@ -395,6 +396,11 @@ export default class IgcSliderComponent extends EventEmitterMixin<
       return;
     }
 
+    if (this.thumbHoverTimer) {
+      clearTimeout(this.thumbHoverTimer);
+      this.thumbHoverTimer = null;
+    }
+
     this.thumbLabelsVisible = true;
   }
 
@@ -403,7 +409,7 @@ export default class IgcSliderComponent extends EventEmitterMixin<
       return;
     }
 
-    setTimeout(() => {
+    this.thumbHoverTimer = setTimeout(() => {
       this.thumbLabelsVisible = false;
     }, 750);
   }
@@ -650,17 +656,13 @@ export default class IgcSliderComponent extends EventEmitterMixin<
   };
 
   private handleThumbPointerEnter = () => {
-    this.onHoverChange(true);
+    this.showThumbLabels();
   };
 
   private handleThumbPointerLeave = () => {
-    this.onHoverChange(false);
+    this.hideThumbLabels();
   };
 
-  private onHoverChange(state: boolean) {
-    return state ? this.showThumbLabels() : this.hideThumbLabels();
-  }
-
   public incrementValue() {
     if (this.isRange) {
       if (this._activeThumb?.id === 'thumbFrom') {