From 029f558d45231bbb7dba75d21ce27072554f7dfb Mon Sep 17 00:00:00 2001 From: Dzmitry Shylovich Date: Fri, 13 Jan 2017 01:41:49 +0300 Subject: [PATCH] fix(forms): select shows blank line when nothing is selected in IE/Edge (#13903) Closes #10010 PR Close #13903 --- .../forms/src/directives/select_control_value_accessor.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/modules/@angular/forms/src/directives/select_control_value_accessor.ts b/modules/@angular/forms/src/directives/select_control_value_accessor.ts index 7af3a24587..dd07779d1c 100644 --- a/modules/@angular/forms/src/directives/select_control_value_accessor.ts +++ b/modules/@angular/forms/src/directives/select_control_value_accessor.ts @@ -86,7 +86,11 @@ export class SelectControlValueAccessor implements ControlValueAccessor { writeValue(value: any): void { this.value = value; - const valueString = _buildValueString(this._getOptionId(value), value); + const id: string = this._getOptionId(value); + if (id == null) { + this._renderer.setElementProperty(this._elementRef.nativeElement, 'selectedIndex', -1); + } + const valueString = _buildValueString(id, value); this._renderer.setElementProperty(this._elementRef.nativeElement, 'value', valueString); }