Angular material 2 - input box not rendering properly as expected

问题

I am using Angular material 2 for angular 4 application along with angular flex layout. Below is the simple form

<div fxLayoutGap="5px" fxLayout="column">
      <mat-form-field class="full-width">
        <input matInput placeholder="Email Id" type="text" [(ngModel)]="emailId">
      </mat-form-field>

      <mat-form-field class="full-width">
        <input matInput placeholder="Password" type="password" [(ngModel)]="password">
      </mat-form-field>

      <mat-form-field class="full-width">
        <input matInput placeholder="Confirm Password" type="password">
      </mat-form-field>
...
</div>

Sometimes it is showing base line but sometimes it is not behaving as expected. I tried on almost all browser but still facing same issue.

It is happing when you reduce/increase the size of your browser.

It is not happening because of input type is password

来源：https://stackoverflow.com/questions/49706438/angular-material-2-input-box-not-rendering-properly-as-expected