fix(slider): labels hide/show moments

Closes #3449 #4562 #4559 #2622
IgniteUI · Jun 6, 2019 · b3612bc · b3612bc
1 parent e6023fe
commit b3612bc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/projects/igniteui-angular/src/lib/slider/slider.component.ts b/projects/igniteui-angular/src/lib/slider/slider.component.ts
@@ -726,6 +726,16 @@ export class IgxSliderComponent implements
         this.update($event.srcEvent.clientX)
     }
 
+    @HostListener('panstart')
+    public onPanStart() {
+        this.showThumbLabels();
+    }
+
+    @HostListener('panend')
+    public onPanEnd() {
+        this.hideThumbLabels();
+    }
+
     /**
      * @hidden
      */
@@ -880,6 +890,7 @@ export class IgxSliderComponent implements
 
         this.thumbs.changes.pipe(takeUntil(this._destroy$)).subscribe(change => {
             const t = change.find((thumb: IgxSliderThumbComponent) => thumb.type === SliderHandle.FROM);
+            this.positionHandle(t, this.lowerValue);
             this.subscribeTo(t, this.thumbChanged.bind(this));
         });
     }

diff --git a/projects/igniteui-angular/src/lib/slider/thumb/thumb-slider.component.ts b/projects/igniteui-angular/src/lib/slider/thumb/thumb-slider.component.ts
@@ -148,15 +148,12 @@ export class IgxSliderThumbComponent implements OnInit, OnDestroy {
 
     @HostListener('blur')
     public onBlur() {
-        this._isActiveLabel = false;
         this.isActive = false;
-        this.onChange.emit();
     }
 
     @HostListener('focus')
     public onFocusListener() {
         this.isActive = true;
-        this.onChange.emit();
     }
 
     public showThumbLabel() {