QInput error overlapps next field

[thomasemmerich]

Hi, I have the following issue: If I have a bigger error message, the error message overlapps the next input field.
<q-input square filled v-model="form.zipcode" bottom-slots type="number" :error-message="validators.zipcode" :error="!!validators.zipcode" />
<q-select square filled emit-value bottom-slots map-options v-model="form.typ" :options="types" :error-message="validators.typ" :error="!!validators.typ"

[metalsadman]

well that's a very long error message, inspect the element and prolly add margin to it.

[thomasemmerich]

My Solution is now a seperate <p> under the input like this:

<q-input
    square
    filled
    clearable
    :error="validators.theerror"
  />
<p v-if="validators.theerror" class="p-error">
  {{ validators.theerror}}
</p>