floating-vue icon indicating copy to clipboard operation
floating-vue copied to clipboard

Too many v-tooltips in one page causes a recursive error

Open melvinprindustry opened this issue 1 year ago • 3 comments

Adding too many v-tooltip directives inside one page causes Nuxt to throw the following error:

Uncaught (in promise) Maximum recursive updates exceeded in component <VTooltipDirectiveApp>. 
This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. 
Possible sources include component template, render function, updated hook or watcher source function.

melvinprindustry avatar Sep 16 '24 12:09 melvinprindustry

I'm getting this issue too, but I'm not using Nuxt, so it's not related to that. It doesn't seem to affect the functionality of the page, from what I can tell. The error is annoying though. Any known workarounds?

ttk avatar Nov 22 '24 16:11 ttk

@melvinprindustry have you found reason of this issue ? and possible solution

k-zakhariy avatar Mar 04 '25 14:03 k-zakhariy

@k-zakhariy, if you don't need more than one tooltip displaying simultaneously, here's a workaround: https://github.com/Akryum/floating-vue/issues/1005#issuecomment-2629480021

kouts avatar Mar 04 '25 14:03 kouts