Input Label not shrinking and just being overtyped

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Input Label not shrinking and just being overtyped

rawritsj asked 5 years ago

Expected behavior On the input when I click into it or when it has a value I expect the label to move up and allow me to type in the input box

Actual behavior The label seems to stay where it is and text types over the top of it

Resources (screenshots, code snippets etc.) enter image description here

I am using Typeahead and Bootstrap Tags input on some of the text boxes but not all of them.

Using Express JS so the rendering engine is JadeJS

rawritsj answered 5 years ago

Should point out the data above is not real and just generated by code

Tomek Makowski staff answered 5 years ago

Hi

In your snippet you are using input:type="string" despite of type="text"

Regards

Write
Create snippet
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
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.0
  • Device: Microsoft Surface Laptop 3
  • Browser: Microsoft Edge
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags
input forms material-design pro
Related topics
1
Don't animate floating labels on initialization
0
Gutters are not applying in to the row why.. This is Bootstrap5 alpha
0
form styling only works with specific input types
0
Material Design 2.0 Filled text field
0
input-group elements are NOT responsive
About author
rawritsj
20Support score
2Questions 1Answers
0Snippets likes 0Snippets