ColorlibHQ / AdminLTE

AdminLTE - Free admin dashboard template based on Bootstrap 5

Home Page:https://adminlte.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] when adding multiple fields in the register/login page the page doesn't remain responsive

abdelazizmirasoft opened this issue · comments

commented

Describe the bug
When adding multiple fields in the register/login page for some reason like including the captcha, birth date, ..., the page doesn't remain responsive and the logo won't be visible anymore and you may not be able to access the top input fields.

To Reproduce
Steps to reproduce the behavior:

  1. Go to pages/examples/register.html
  2. Add on more input fields below the 'Retype password' input field
  3. Scroll up to the top.
  4. See error: you won't be able to see the logo and the first input fields

Expected behavior
The page should remain responsive and you would be able to scroll up and down without breaking anything.

Video recording
Check the below record that reproduces the issue:

AdminLTE.Register.Page.Responsive.issue.mp4

Environment:

  • AdminLTE Version: v3.2.0
  • Operating System: Linux Ubuntu 20.04
  • Browser (Version): Chrome (Latest)

Possible solution
Replace the height: 100vh used for .login-page, .register-page classes with 100%