mdbInputDirective: label not raising


Topic: mdbInputDirective: label not raising

NCIIT asked 7 years ago

When clicking on input 'active' class not appearing on label and <i>

New install (ng-mdb-pro@6.0.2) with Angular CLI 6.0.1

<form [formGroup]="signupForm" class="mb-5">
 <div class="md-form">
 <i class="fa fa-user prefix grey-text"></i>
 <input type="text"
 formControlName="signupFormSurname"
 id="signupFormSurname"
 class="form-control"
 mdbInputDirective>
 <label for="signupFormSurname">Surname</label>
 </div>
</form> 

Damian Gemza staff commented 7 years ago

Dear NCIIT, For me everything is working fine with your code. Are you using ng-mdb-pro 6.0.2 version? Does other components from our library works to you? Please let me know. Best Regards, Damian

NCIIT commented 7 years ago

Hi Damian yes I'm using ng-mdb-pro 6.0.2 version. Did not noticed other problems with component as it's new project, but it's lot of forms so it was first thing I have noticed. We have other project with later version and there was no problems with form components (except I did not figured out MDB Angular reactive forms validation, so used custom functions). @angular-devkit/architect 0.6.1 @angular-devkit/build-angular 0.6.1 @angular-devkit/build-optimizer 0.6.1 @angular-devkit/core 0.6.1 @angular-devkit/schematics 0.6.1 @ngtools/webpack 6.0.1 @schematics/angular 0.6.1 @schematics/update 0.6.1 rxjs 6.1.0 typescript 2.7.2 webpack 4.6.0 NPM 6.0.1 Node.js v8.10.0

Damian Gemza staff commented 7 years ago

Are you sure, that you're doing everything okay with 5min-quickstart? There's no possibility to mdbInputDirective work on my computer with your code, but don't work on your computer. Could you try to reinstall ng-mdb-pro library? Delete node_modules and type npm install one more time. Best Regards, Damian

NCIIT commented 7 years ago

Hi Damian today reinstalled ng-mdb-pro library and it not helped. Also hoped that reinstall update to 6.1.1 version, but failed to do this in with npm, checked that it's not updated in github, so only zip version available. When it would be possible update to new version?

Damian Gemza staff commented 7 years ago

Dear NCIIT, The 6.1.1 version is available on our GitLab from yesterday. Here's the new repo: https://git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard Best Regards, Damian

NCIIT commented 7 years ago

Hi Damian Thank you for your time, managed to update MDB today. And found problem with inputs, as we have separate module for login and registration, so we need to import InputsModule (or MDBBootstrapModule) additionally. You are doing great job with MDB. Kind regards Egle

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No