This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 3 years, 9 months ago.

Material design input help-block and errors (help-block)

  • Andrew

    Posts: 1
    Member Reply #3176

    I have a problem.  It seems that this is a bug.
    When I create a form in  material design style. Form controls (inputs) with the help block(s) (class=’help-block’)  after  generation the error occurs the imposition of new units.

    I Attach the img to show how does it look like.

    It happens because help-block in this case has styles:

    .form-group.form-md-line-input .help-block {

    position: absolute;


    But if remove this validator will generates error  “help-block”  and insert it before  <div class=”form-control-focus”></div> … And then he moves…
    How to solve this problem?

    You must be logged in to view attached files.

    Posts: 4527
    Support Staff Reply #3215

    Hi :),

    In this case need to find a way to hide the help block when error message is shown. Displaying both at the same time can be tricky. Anyways we are now working on a form validation samples for material inputs and we will release it soon.


You must be logged in to reply to this topic.