search

Akryum / floating-vue

💬 Easy tooltips, popovers, dropdown, menus... for Vue
https://floating-vue.starpad.dev/
MIT License
3.25k stars 333 forks source link

Performance issue on too many popovers ? #1005

Open bloor opened 6 months ago

bloor commented 6 months ago

Nuxt 3.5.1 "floating-vue": "^2.0.0-beta.24"

I have a table with 200+ rows.. each row has 10 popover-tooltip elements = 2000 tooltips (with dynamic content) Everything works smooth, until I leave route/page. It takes proportionally longer with number of rows in table (for 200 rows, 5seconds) If I remove the v-tooltip directives from those elements, the route leaves instantly (as it should) even for 1000 rows.

<div v-for="i in 5" :key="i" class="hero-icon c-pointer" :style="`background-image: url('/images/parser/icons/heroes/64/terrorblade.png`" v-tooltip="{ content: `<b>Terrorblade</b><br><span class='text-gold'>Played by Ruffalo</span>` }" />

I also tried with simple text 

v-tooltip="`nnnnn`"

The issue remains. So it's something related to unmount , cleaning process.

andreiculda commented 5 months ago

I have the same issue. Is there a workaround?

Akryum commented 5 months ago

Does it happen with the <Tooltip> component?

chuchiperriman commented 4 months ago

Does it happen with the <Tooltip> component?

Yes exactly the same issue

nickvleeuwen commented 2 months ago

Any updates on this issue, im having the same issue with using async tooltips. It even crashes my browser when it loads to much.