Failed validation style

Support
1

This difference in “failed validation” style doesn’t look right to me in this screenshot. I can’t be certain, but I think this is a recent behavior change. State is a vueMultiSelect element and the other two are input. Note that I’m not asking how to change this with my own css, I’m asking if this should be the default behaviour of BetterForms.

image

2

I just realized it’s relevant that these elements are on a "type": "panel" because the background color is added by the below code found in vue-form-generator v2.0.0’s css:

/* CHILDREN added filter for array custom components*/
.vue-form-generator .form-group.error .error input:not([type=checkbox]):not(.bf-haschildren),
.vue-form-generator .form-group.error .error select:not(.bf-haschildren),
.vue-form-generator .form-group.error .error textarea:not(.bf-haschildren) {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, .15)
}

/*added filter for array custom components - Adresses children single field */
.vue-form-generator .form-group .error input:not([type=checkbox]),
.vue-form-generator .form-group .error select,
.vue-form-generator .form-group .error textarea {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, .15)
}