Topic: Input Placeholders not showing unless clicked

tim.free premium asked 2 years ago


Expected behavior When placeholder is used on input it should be shown

Actual behavior You have to click on the input and placeholder shows

Resources (screenshots, code snippets etc.) See snippet: https://mdbootstrap.com/snippets/standard/tim-free/4544732


Grzegorz Bujański staff answered 2 years ago


The input label is inactive whenever the input value is empty. And the placeholder is shown only after clicking on the input. If you want to change it, you can add the active class to the input and add this class always on blur. If you do this, the label will always be active.

https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/4546856#js-tab-view



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: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: PC
  • Browser: Edge, Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes