Fix blur & focus behavior

Author: tinayuangao

src/lib/chips/chip-list.ts

@@ -111,6 +111,9 @@ export class MdChipList implements MdFormFieldControl<any>, ControlValueAccessor
   /** Subscription to focus changes in the chips. */
   private _chipFocusSubscription: Subscription|null;
 
+  /** Subscription to blur changes in the chips. */
+  private _chipBlurSubscription: Subscription|null;
+
   /** Subscription to selection changes in chips. */
   private _chipSelectionSubscription: Subscription|null;
 
@@ -284,6 +287,11 @@ export class MdChipList implements MdFormFieldControl<any>, ControlValueAccessor
     return merge(...this.chips.map(chip => chip._onFocus));
   }
 
+  /** Combined stream of all of the child chips' blur change events. */
+  get chipBlurChanges(): Observable<MdChipEvent> {
+    return merge(...this.chips.map(chip => chip._onBlur));
+  }
+
   /** Combined stream of all of the child chips' remove change events. */
   get chipRemoveChanges(): Observable<MdChipEvent> {
     return merge(...this.chips.map(chip => chip.destroy));
@@ -656,6 +664,11 @@ export class MdChipList implements MdFormFieldControl<any>, ControlValueAccessor
       this._chipFocusSubscription = null;
     }
 
+    if (this._chipBlurSubscription) {
+      this._chipBlurSubscription.unsubscribe();
+      this._chipBlurSubscription = null;
+    }
+
     if (this._chipSelectionSubscription) {
       this._chipSelectionSubscription.unsubscribe();
       this._chipSelectionSubscription = null;
@@ -694,6 +707,11 @@ export class MdChipList implements MdFormFieldControl<any>, ControlValueAccessor
       }
       this.stateChanges.next();
     });
+
+    this._chipBlurSubscription = this.chipBlurChanges.subscribe(_ => {
+      this._blur();
+      this.stateChanges.next();
+    });
   }
 
   private _listenToChipsRemoved(): void {

src/lib/chips/chip.ts

@@ -69,7 +69,7 @@ export class MdBasicChip { }
     '(click)': '_handleClick($event)',
     '(keydown)': '_handleKeydown($event)',
     '(focus)': '_hasFocus = true',
-    '(blur)': '_hasFocus = false',
+    '(blur)': '_blur()',
   },
 
 })
@@ -122,6 +122,9 @@ export class MdChip extends _MdChipMixinBase implements FocusableOption, OnDestr
   /** Emits when the chip is focused. */
   _onFocus = new Subject<MdChipEvent>();
 
+  /** Emits when the chip is blured. */
+  _onBlur = new Subject<MdChipEvent>();
+
   /** Emitted when the chip is selected or deselected. */
   @Output() onSelectionChange = new EventEmitter<MdChipSelectionChange>();
 
@@ -225,6 +228,11 @@ export class MdChip extends _MdChipMixinBase implements FocusableOption, OnDestr
         break;
     }
   }
+
+  _blur() {
+    this._hasFocus = false;
+    this._onBlur.next({chip: this});
+  }
 }