MDB select - invalid style

<div class="row">
  <div class="col">
    <div class="md-form">
      <mdb-select [options]="levelOfCareOptions" placeholder="Level of care" formControlName="levelOfCare"></mdb-select>
      <label>Level of care</label>
      <div class="invalid-feedback" *ngIf="submitted && programReportItemForm.controls['levelOfCare'].hasError('required')">
        Level of care is required.
      </div>
    </div>
  </div>
  <div class="col">
    <div class="md-form">
      <mdb-select [options]="programOptions" placeholder="Program" formControlName="programId"></mdb-select>
      <label>Program</label>
      <div class="invalid-feedback" *ngIf="submitted && programReportItemForm.controls['programId'].hasError('required')">
        Program is required.
      </div>
    </div>
  </div>
  <div class="col">
    <div class="md-form">
      <mdb-select [options]="domainOptions" [multiple]="true" placeholder="Domains" formControlName="domainIds"></mdb-select>
      <label>Domains</label>
    </div>
  </div>
</div>

Damian Gemza staff commented 7 years ago

Hello stanislav9607, Please try to add mdbActive directive to your elements. If this won't help, please remove your placeholder attribute. Best Regards, Damian

---

stanislav9607 commented 7 years ago

Thanks, it helps, but issues with the arrows are still here. How can I solve it?

---

Damian Gemza staff commented 7 years ago

Dear Stanislav9607, This problem will be fixed in next release of MDB Angular. For now, if you need to fix it, please download new version of our MDB Angular from our GitLab branch dev: https://git.mdbootstrap.com/mdb/angular/ng-pro/tree/dev Best Regards, Damian

---