Angular Text Input, error label

Topic: Angular Text Input, error label

Bldg25 pro asked 7 years ago

The input error / success / helper text as implemented is problematic. This helper text is attached to the label such that it animates when the label animates. This basically removes the ability to place a "required" message or "helper" message when the text field is empty, which in turn requires that I either don't use the label success/error at all or I forego placing a required error in this field.

Add comment

Edyta Dabrowska free answered 7 years ago

0 0 Best answer

Yes, we will think about adding such condition in the future.

Add comment

Edyta Dabrowska free answered 7 years ago

0 0 Best answer

Label and helper texts are not attached. But yes, they both change when something is being typed in into an input field. Do I understand you correctly, that you want to condition the input to show 'wrong' when it is not filled in? If so, you are right and you need to remove mdbInputValidate directive and write conditions by yourself. We will think about adding such condition in the future.

Bldg25 pro commented 7 years ago

I had to write a custom comp.

Bldg25 pro commented 7 years ago

The helper text is attached in that you use :after to create the label content. It animates along with the label.

Bldg25 pro commented 7 years ago

Do you anticipate updating this component in the future to properly support helper text?

Add comment

Write

Create snippet

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: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Bldg25

Pro User 15Support score
12Questions 2Answers 0Snippets