Changes in Angular 6.1.5 Pro crashes browser


Topic: Changes in Angular 6.1.5 Pro crashes browser

gordysc pro asked 6 years ago

I'm not sure what changed in the Angular Pro version between 6.1.3 & 6.1.5, but I'm seeing my browser (Chrome 67.0.3396.99 64-bit) hang indefinitely when using 6.1.5 vs 6.1.3.  I have to kill it and restart to be able to use it again.  I've downgraded to 6.1.3 just to make progress for now.   It appears to be something around forms.  I'm not seeing any browser console log errors and there's nothing showing up in my terminal.  I've included the offending snippet of code below <form [formGroup]="loginForm"> <divclass="md-form"> <input id="email" type="text" mdbInputDirective class="form-control" data-success=" " data-error="not a valid email address" formControlName="email" > <labelfor="email">Email Address</label> </div> <divclass="md-form"> <input id="password" type="password" mdbInputDirective class="form-control" data-success=" " data-error="must be at least 6 characters" formControlName="password" > <labelfor="password">Password</label> </div> </form> import { Component } from '@angular/core'; import { FormGroup, Validators, FormBuilder } from '@angular/forms'; @Component({ selector:'tak-login-form', templateUrl:'./login-form.component.html' }) export class LoginFormComponent { loginForm:FormGroup; constructor(privatefb:FormBuilder) { this.loginForm=fb.group({ 'email': [null, [ Validators.required, Validators.email ]], 'password': [null, [ Validators.required, Validators.minLength(6) ]] }); } } import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { LoginComponent } from './login.component'; import { LoginFormComponent } from './login-form/login-form.component'; import { InputsModule, WavesModule } from 'ng-uikit-pro-standard'; @NgModule({ imports: [ CommonModule, FormsModule, ReactiveFormsModule, InputsModule, WavesModule ], exports: [ LoginComponent ], declarations: [ LoginComponent, LoginFormComponent ] }) export class LoginModule { }

gordysc pro commented 6 years ago

All I have to do is click on one of the fields above and then click outside of it to cause the tab in Chrome to hang indefinitely.

Arkadiusz Idzikowski staff answered 6 years ago

Thanks for reporting the problem. We will release fixed version of MDB Angular today, for now please use 6.1.4.
Pro: npm install git+https://oauth2:<put-token-here>@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git#6.1.4 --save
Free: npm install angular-bootstrap-md@6.1.4 --save
Best regards, Arkadiusz

gordysc pro commented 6 years ago

Thanks! Just downloaded 6.1.6 and tested it out. Everything appears to be good now!

ipeak pro answered 6 years ago

I have exactly the same problem, the whole tab crashes and the ram usage of the tab grows.

ipeak pro commented 6 years ago

Happens in firefox and chrome

kvandake pro answered 6 years ago

When you add a validator to required, the page freezes and does not respond. I got the same result when I ran an empty project with one form with one required field.

kvandake pro commented 6 years ago

The Screenshot: https://ibb.co/c01O6d  

ipeak pro answered 6 years ago

With 6.1.6 everything works now, but even without validators, the messages success and error are displayed.

Damian Gemza staff commented 6 years ago

Dear ipeak, Could you please show me your code on which you have success and error message even without validators? I have tried to reproduce your case but without success. I have no messages when without validators. Best Regards, Damian

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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