search

kenhyuwa / vue-tailwind-picker

:tada: Datepicker component for vue.js build with Tailwind CSS & dayjs date library
https://vue-tailwind-picker.netlify.app/
193 stars 38 forks source link

z-index issue #16

Open srimanaravind opened 4 years ago

srimanaravind commented 4 years ago

image

Is there any option to set the z-index or "append to body" for this date picker? I can't find anything in the document,

Or anyone able to help me how to fix this issue?

@kenhyuwa

joeelia commented 4 years ago

Try setting :inline="true" as such:

<VueTailWindPicker
    :inline="true"
    :init="false"
    @change="(v) => (value = v)"
>
    <input v-model="value" placeholder="Example initial value" />
</VueTailWindPicker>
quantumlink commented 4 years ago

That appears to make it always open.

I was able to use style="position: absolute" :z-index="999 - card.id" for my case where I had many of them and they would get on top of each other.