[v1] .q-field--with-bottom being added to field
ssuess last edited by ssuess
Hi, I am using a text input with a date selector in the following way:
<q-input v-model="startdate" dense stack-label label="start date" mask="date" :rules="['date']"> <template v-slot:append> <q-icon name="event" class="cursor-pointer"> <q-popup-proxy> <q-date v-model="startdate" /> </q-popup-proxy> </q-icon> </template> </q-input>
and for some reason, there is a thick padding at the bottom of this field even though I have not added it. it appears that the class
.q-field--with-bottomis being added for some reason and this is adding the passing. Is there a simple way in the component to control this?
I think the rules
:rules="['date']"will cause this to be added. This is where the error messages go. Which are position: fixed because of the animation I think.
Might be interesting to read
search for bottom-slots