Akryum / Akryum/floating-vue

Tooltip content loses track when there are multiple instances with async content

Open
#1,043 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
3.5k
Forks
341
Avg merge
14m
Merged PRs (30d)
8

Description

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](https://stackblitz.com/edit/nuxt-starter-qsszft?file=app.vue).
- 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?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.