MAT-FORM-FIELD-OUTLINE текст метки перекрывается рамкой формы-поля-контура

Question

В моем приложении используется трехступенчатый мат-шаговый процесс. В первом шаге у меня есть контур поля матовой формы, и он работает нормально, но во втором и третьем шагах у меня такой же контур поля матовой формы, но метка перекрывается с линией границы, как показано ниже.

<mat-form-field appearance="outline">
      <mat-label>Member ID *</mat-label>
      <input matInput placeholder="Test" 
                   formControlName="memberID"                             
                   [(ngModel)]="submitPaymentRequest.getAccount().acctNum">
       <mat-placeholder>TEst</mat-placeholder>
       <mat-error app-validation-message></mat-error>
</mat-form-field>

Я мог видеть, что это происходит в IE, только не в Chrome.

может кто-нибудь помочь в этом. Заранее спасибо

Answer 1

К сожалению, Material Angular не поддерживает IE должным образом (официально поддерживается IE11 + ...).

Если поддержка IE важна для вашего проекта, используйте что-то другое, например https://materializecss.com/