Closed gassio closed 1 month ago
Yes! I encountered a similar issue when using the DatePicker component. Specifically, when I have a variable that can change and I use it in a v-for loop, it triggers the problem. like this:
<template>
<div class="flex gap-4 mb-6" v-for="one in x" :key="one">
<DateRangePicker
@change="attDataPeriodo($event)"
label="Período de captação dos leads"
/>
</div>
</template>
<script setup>
import DateRangePicker from "../components/dateRangePicker.vue";
import {ref} from 'vue'
const x = ref([])
setInterval(()=> {
x.value.push(1)
}, 1000)
</script>
Hey @gassio, @SunKechang,
Since v2.4.1
the datepicker is a core component of the Flowbite JS which now exposes it to the instance manager:
https://flowbite.com/docs/components/datepicker/#javascript-behaviour
Please also check this Vue repo where I configured the datepicker examples:
https://github.com/themesberg/tailwind-vue-starter
Cheers, Zoltan
@zoltanszogyenyi thank you very much! What about the tooltip inside a v-for loop?
Describe the bug Tooltip (for example) functionality inside the v-for loop doesn't behave as expected. Instead of showing the tooltip for the corresponding button, there's no action or incorrect behavior.
To Reproduce Steps to reproduce the behavior:
Expected behavior When hovering over (or clicking) the "data tooltip" button, a tooltip containing the target's name should appear directly above or below the button.
Code