search

creativetimofficial / ct-material-dashboard-pro-angular

68 stars 35 forks source link

[Bug] Login form is hiden in the login page #372

Closed ytaborda17 closed 4 years ago

ytaborda17 commented 4 years ago

Version

2.4.1

Reproduction link

https://demos.creative-tim.com/material-dashboard-pro-angular2/#/pages/login

Operating System

Ubuntu 18.04.4 LTS

Device

Lenovo Ideapad 330S

Browser & Version

Chrome Version 81.0.4044.138

Steps to reproduce

Load the page

What is expected?

To show the form from the start

What is actually happening?

The form is hidden in the first load of the page, the user has to hit F5 to reload the page and then we can see the form.

Solution

Additional comments

The first time that loads the animation doesn't occurs and the form remains hidden, I'm guessing the JS is not loading correctly, to show the form I have to hit F5 to reload the page, then it shows, please take a look into it.

rarestoma commented 4 years ago

Hi @ytaborda17,

Thank you for working with our products.

Please remove .card-hidden from .card-login's div and now it should work fine.

I hope it helps.

All the best, Rares

ytaborda17 commented 4 years ago

It worked!

Sadly, I lose the animation.

Thanks any way.

snooprogg commented 4 years ago

If you change const card = document.getElementsByClassName('card')[0] to const card = document.getElementById('card-hide-id'); in the login.component.ts file and then add the id card-hide-id to card-hidden div in the login.component.html file, the animations will work

ytaborda17 commented 4 years ago

Thanks, this fixed the initial issue.