Angular input event firing only in IE

Question

The institutionOnChange input event is only firing in IE11 and not in Chrome The form control is being initialized in ngOnInit

<mat-form-field>
  <input matInput required #instititionInput [matAutocomplete]="auto"
      [formControl]="form.get('institution')"
      (input)="institutionOnChange($event)"
      i18n-placeholder placeholder="Institution of Incident"
      i18n-aria-label aria-label="Institution of Incident">

  <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
    <mat-option *ngFor="let institution of filteredInstitutions | async"
        [value]="institution" (onSelectionChange)="institutionSelectionChange($event)">
      {{institution.name}}
    </mat-option>
  </mat-autocomplete>

  <mat-hint *ngIf="form.get('institutionId').hasError('required')" i18n>
    <span class="mat-error">Please choose a institution</span>
  </mat-hint>
</mat-form-field>

The problem is in clearing another value on change until a item is selected

institutionOnChange(event) {
  this.form.get('institutionId').setValue('');
}

public ngOnInit() {
  ...
  if (institutionId) {

    const foundInstitution = this.institutions.find(institution => institution.id === institutionId);

    if (foundInstitution) {
      this.form.get('institution').setValue(foundInstitution);
      this.form.get('institutionId').setValue(institutionId);
    }
  }
  ...
}