search

antoniandre / wave-ui

A UI framework for Vue.js 3 (and 2) with only the bright side. ☀️
https://antoniandre.github.io/wave-ui
MIT License
546 stars 41 forks source link

Adding Min and Max to a number input breaks label placement. #105

Closed SerbianLastName closed 1 year ago

SerbianLastName commented 1 year ago 
<w-input class="mb2" type="number" min="0" max="10" v-model="storeReportForm.blazyHypeMeter"
            label="Blazy Hype Number" outline :validators="[settings.validators.required]" />

Results in the label being placed much higher than it should be.

2023-03-16 (3)

<w-input class="mb2" type="number" max="10" v-model="storeReportForm.blazyHypeMeter" label="Blazy Hype Number"
            outline :validators="[settings.validators.required]" />

Using only min, or only max, leaves the label where it should be.

2023-03-16 (2)

Using WaveUI with Vue3, can provide any additional info as needed.

antoniandre commented 1 year ago

Hi @SerbianLastName, I couldn't reproduce this exactly, but I think the problem will be solved anyway with my change in v3.1. Hope this helps, let me know :)

antoniandre commented 1 year ago

Closing due to inactivity. Please reopen if not solved.