[Bug] .invalid-feedback on .form-control.validate is misalig


Topic: [Bug] .invalid-feedback on .form-control.validate is misaligned when used with an icon

mklepaczewski asked 5 years ago

Expected behavior

.invalid-feedback element should have the same margin-left rule applied as input element when the MDBInput has an icon.

Actual behavior

.invalid-feedback element is misaligned

Resources (screenshots, code snippets etc.)

<MDBInput
                                    value=""
                                    label="Your password"
                                    icon="lock"
                                    type="password"
                                    labelClass="white-text"
                                    iconClass="white-text"
                                    validate
                                    className="invalid">
                                        <div className='invalid-feedback'>Invalid value</div>
                                </MDBInput>

enter image description here


Aliaksandr Andrasiuk staff answered 5 years ago

Hi,

Thank you for the response!

We will fix it in the near future.

Best regards.


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 React
  • MDB Version: 4.18.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No