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()"
/>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: 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
phopkins@atomsoftware.com.au free commented 5 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 commented 5 years ago
Thank you for your feedback, I am adding this to our list to fix. Kind regards, Magdalena