Topic: Misalignment between between label and form in input

Casper pro asked 6 years ago


When using "horizontal forms" or "aligned forms per the example template" the label and the label text and the input text does not line up. The input text is always higher than the label creating a strange user experience. A related issue is that with any of the standard text input elements the text seems "high" i.e. it is much closer to the top placeholder text than the line below it. 

Playing around a bit with the padding makes it a bit better, but I'm looking for an easier way to fix it globally.

Reference code


Damian Gemza staff answered 6 years ago


Dear Pieterse,

Could you please provide me with the screenshot of actual appearance? I'm not sure if understood you right.

Also please provide the code which you're using.

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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Desktop / Mobile
  • Browser: Chrome
  • OS: Windows10
  • Provided sample code: No
  • Provided link: Yes
Tags