Поле ввода углового материала неправильно отображается в IE (последняя версия)

Question

Я использовал угловой материал, чтобы сделать форму авторизации. Поле ввода текста работает правильно, но поле пароля не отображается должным образом в Internet Explorer 11.

Скриншот: введите описание изображения здесь

Вот код:

 <mat-form-field class="feild-full-width" color="primary">
               <input matInput type="text" placeholder="Username" 
 autocomplete="off" />
            </mat-form-field>

        <mat-form-field class="feild-full-width" color="primary">
          <input matInput placeholder="Password" autocomplete="off" [type]="texttype ? 'password' : 'text'" />
          <mat-icon matSuffix (click)="texttype = !texttype">{{texttype ? 'visibility_off' : 'visibility'}}</mat-icon>
        </mat-form-field>

Как это исправить?