Material Design Textbox Misaligned

Topic: Material Design Textbox Misaligned

Rushman1 asked 6 years ago

I have an issue with using JavaScript (jQuery) to create new form-controls. It appears that if I have text that needs to go into a textbox / textarea and I am using md-form around it, the label sits on top of the text until the textbox is clicked then the label goes up to where it is supposed to be. How can I fix this? Thanks, Tim

Add comment

Jakub Mandra staff premium answered 6 years ago

0 0 Best answer

Hello, Label goes up when input is active. So if you want to put some initial value inside, you mus also add property 'active'. Regards, Jakub

Rushman1 commented 6 years ago

Thank you Jakub! That worked perfectly.. I kept looking at the textbox instead of the label. ;-) Tim

Add comment

Write

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: Other
MDB Version: -
Device: Laptop
Browser: Chrome 68.0.3440.106
OS: Windows 7 Pro
Provided sample code: No
Provided link: No

Tags

material-design form-elements

Related topics

8: How to integrate MDB with Laravel Tutorial

2: Sketch version MDB

2: Access restricted - Error

1: mdb-switch state

1: BUG REPORT: textfield label is overlapped by the textfield border...

About author

Rushman1

31Support score
3Questions 1Answers

0Snippets likes 0Snippets