Styling bug when using validation on an input control with c


Topic: Styling bug when using validation on an input control with class "bg"

I am using validation on an input control. My controls are set with property "bg". When displaying validation feedback the bottom line of the control moves up and through the text field. If I don't use property "bg" then the control works correctly. Please fix this issue as my client wants the "bg" styling.

Thank you.

        <mdb-input
      label="Start Time"
      v-model="tmpTime"
      class="mx-2 mt-4"
      maxlength="4"
      type="text"
      bg
      :customValidation="isTmpTimeValidated"
      :isValid="isTmpTimeValid"
      validFeedback="Look's good."
      invalidFeedback="Enter a time in 24-hour format ('0000' to '2400')."
      @keyup.enter.native="addButtonOptions[0].callback"
      @change="validateTime()"
    />

phopkins@atomsoftware.com.au commented 3 years ago

More information... I'm currently using this validation (for the first time) in a modal. I set the size of the modal (to "sm") and the styling issue has disappeared. I'm hoping to use validation on normal forms... hopefully the styling issue doesn't continue.


Magdalena Dembna staff premium commented 3 years ago

Thank you for your feedback, I am adding this to our list to fix. Kind regards, Magdalena


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.8.3
  • Device: Desktop PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No