Fix focus change for updated slider

angular · Aug 29, 2017 · 81af644 · 81af644
1 parent 377a3bb
commit 81af644
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/lib/slider/slider.spec.ts b/src/lib/slider/slider.spec.ts
@@ -141,6 +141,17 @@ describe('MdSlider without forms', () => {
       expect(sliderNativeElement.classList).not.toContain('mat-slider-sliding');
     });
 
+    it('should remove focus after the slider is updated', () => {
+      spyOn(sliderNativeElement, 'blur');
+
+      expect(sliderNativeElement.blur).not.toHaveBeenCalled();
+
+      dispatchClickEventSequence(sliderNativeElement, 0.39);
+      fixture.detectChanges();
+
+      expect(sliderNativeElement.blur).toHaveBeenCalled();
+    });
+
     it('should have thumb gap when at min value', () => {
       expect(trackFillElement.style.transform).toContain('translateX(-7px)');
     });

diff --git a/src/lib/slider/slider.ts b/src/lib/slider/slider.ts
@@ -445,6 +445,7 @@ export class MdSlider extends _MdSliderMixinBase
       this._emitInputEvent();
       this._emitChangeEvent();
     }
+    this._elementRef.nativeElement.blur();
   }
 
   _onSlide(event: HammerInput) {