Performance issue on too many popovers ?

[bloor]

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]

I have the same issue. Is there a workaround?

[Akryum]

Does it happen with the <Tooltip> component?

[chuchiperriman]

Does it happen with the <Tooltip> component?

Yes exactly the same issue

[nickvleeuwen]

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

[fernandolangaro]

same here, did not found a solution yet. I have 2.000 rows, each one with 8 tooltips. Browser freezes and never comes back