Topic: MDB Angular - Input Label not Activating on Focus

alobban@afnww.com pro asked 6 years ago


Hello MDB Support, I initially was on MDB Angular version 4.0.8 PRO noticed the issue and updated to 4.1.0 PRO and the issue still persists. This issue occurs whether the code block is in a form tag or not. `<div fxFlex="50" (dblclick)="editDriverName = !editDriverName" *ngIf="editDriverName"> <form> <div class="md-form"> <input mdbActive type="text" class="form-control" id="driver-name" [value]="task.attributes.driver_name" autofocus > <label class="" for="driver-name">Driver Name</label> </div> </form> </div>` The label is overlapping with the value attribute of the input field. Also, if there is no value for the input and you set focus in the field the label still does not become active and move to it position above the cursor. The live demo works correctly, but the latest package doesn't operate as expected. Is there an open issue for this and if so, when is the fix expected to be released?

Adrian Sawicki free answered 6 years ago


Could you tell me more about it or show your code? I've put input into a card and everything works fine...

alobban@afnww.com pro answered 6 years ago


Yes, I have read that link. The label doesn't activate on input type="text". I have an input field embedded in a card.

Adrian Sawicki free answered 6 years ago


We're still working on this issue. I hope it will be done as soon as possible. Fix of inputs in the last release was to deal with: https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/4 .

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags