Topic: Prefilling Text Inputs – Code Issue

lukas.koch free asked 7 years ago


Go to: https://mdbootstrap.com/angular/components/inputs/ and scroll down to
"Prefilling Text Inputs" When you remove the text "John Doe" which is 
prefilled in the input field the label "Example label" floats down to the
position where the text "John Doe" stood. Underneath the input field there is
the code which was used for this "Prefilled Input Field" but when I take this
code and add it to my own file the label "Example label" doesn't float down to
where "John Doe" stood! why? maybe the wrong source code is displayed on the 
website? Could somebody please help me here? :)

https://imagebin.ca/v/3WOnLPZDodzU <-Input field + Code displayed on the
mdbootsrap.com/angular/components/inputs/ website.

https://imagebin.ca/v/3WOtsyz4QXS7 <-Code from the "mdbootstrap.com" website +
the input field where I removed the prefilled text "John Doe", the label 
"Example label" didn't float down.

Edyta Dabrowska free answered 7 years ago


Of course, you're right! There is missing mdbActive directive from the prism. Please add it to your input field.

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags