floating-vue
floating-vue copied to clipboard
Tooltip content loses track when there are multiple instances with async content
Hi, I'm using the v-tooltip directive with asynchronous content in a loop. However, when I reorder the content, the tooltip does not update correctly and retains the content of the tooltip from before the reordering.
This issue occurs when using the arrow function notation for the tooltip content (content: () => 'some text'
). It works correctly with static content (content: 'some text'
).
Steps to Reproduce: Open this simplified example: StackBlitz.
- hover over items 1, 2, 3, and 4 to view their tooltips
- click the reorder button
- hover over item 4 again; it shows the content of item 1's tooltip.
Did I miss something in my implementation or is this a bug in the library?