Modify change detection

Author: jwshinjwshin

src/lib/slider/slider.spec.ts

@@ -150,6 +150,19 @@ describe('MdSlider without forms', () => {
       expect(sliderInstance._isActive).toBe(false);
     });
 
+    it('should reset thumb gap when blurred on min value', () => {
+      sliderInstance._isActive = true;
+      sliderInstance.value = 0;
+      fixture.detectChanges();
+
+      expect(sliderInstance._thumbGap).toBe(10);
+
+      dispatchFakeEvent(sliderNativeElement, 'blur');
+      fixture.detectChanges();
+
+      expect(sliderInstance._thumbGap).toBe(7);
+    });
+
     it('should have thumb gap when at min value', () => {
       expect(trackFillElement.style.transform).toContain('translateX(-7px)');
     });

src/lib/slider/slider.ts

@@ -412,7 +412,10 @@ export class MdSlider extends _MdSliderMixinBase
     super(renderer, elementRef);
     this._focusOriginMonitor
         .monitor(this._elementRef.nativeElement, renderer, true)
-        .subscribe((origin: FocusOrigin) => this._isActive = !!origin && origin !== 'keyboard');
+        .subscribe((origin: FocusOrigin) => {
+      this._isActive = !!origin && origin !== 'keyboard';
+      this._changeDetectorRef.detectChanges();
+    });
     if (_dir) {
       _dir.change.subscribe(() => this._changeDetectorRef.markForCheck());
     }
@@ -512,8 +515,6 @@ export class MdSlider extends _MdSliderMixinBase
 
   _onBlur() {
     this.onTouched();
-    this._isActive = false;
-    this._changeDetectorRef.markForCheck();
   }
 
   _onKeydown(event: KeyboardEvent) {