mdbInputDirective: label not raising

NCIIT asked 5 months 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 commented 5 months 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 5 months 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 commented 5 months 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 5 months 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 commented 5 months 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 5 months 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.
Status

Resolved

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