search

epicmaxco / vuestic-ui

Vuestic UI is an open-source Vue 3 component library designed for rapid development, easy maintenance, and high accessibility. Maintained by Epicmax (@epicmaxco).
https://vuestic.dev
MIT License
3.52k stars 341 forks source link

VaInput: Clearable icon in wrong size #3551

Closed asbermudez closed 1 year ago

asbermudez commented 1 year ago

Vuestic-ui version: 1.7.0 (at least)

Steps to reproduce Add the clearable prop in the input, write some test. Example here from documentation. https://codesandbox.io/p/sandbox/cool-jackson-9tw3t8

What is the expected behavior? Should show the clearable icon in the correct size (like in VaSelect)

image

What is the current behavior? Shows a clearable icon oversized

image

m0ksem commented 1 year ago

I saw the same issue with TimeInput, but not DateInput...

mrniamster commented 1 year ago

@m0ksem @zvenigorodskaia

Would like to understand, In the below code i want to display "imgUrl" to #prependInner template, how would I do it ? 

<VaSelect 
            label="Select step"
            @update:modelValue="(e)=>console.log(e)"
            :options="[{title:"iam a title",value:1,imgUrl:"https://some.png"}]"
            text-by="title"
           value-by="value"

            >
        <template #prependInner>
        <VaAvatar :src="imgUrl" />
        </template>

 </VaSelect>