Does vue(3)-tippy have grouping?

It looks like the grouping method that was talked about here #263 doesn’t work in v6. I don’t know if this is the only issue, but so far it’s stuck on import { tippy } from "vue-tippy" → tippy.group == undefined.

This is the same working codesandbox from that original question, I just upgraded to Vue 3 and vue-tippy v6: https://codesandbox.io/s/tippygroup-example-vue-3-zr08dq?file=/src/TippyGroup.vue:568-667

[KABBOUCHI]

all of them share the same tooltip, @show will trigger once, but u can use @trigger on the singleton component

https://vue-tippy.netlify.app/props#ontrigger

 <tippy-singleton move-transition="transform 0.2s ease-out" placement="top" @trigger="onTrigger">
      <tippy  v-for="i in 10" :key="i">
        <template #content>
          <div>Working tooltip</div>
        </template>
        Button {{ i }}
      </tippy>
</tippy-singleton>

https://codesandbox.io/s/tippygroup-example-vue-3-forked-xvv2sr?file=/src/App.vue:193-214

[joonaspaakko]

Just in case someone is doing something similar, one thing that caught me super off-guard was how in v6 the prop interactive: true now auto defaults appendTo: "parent" instead of the default document.body.

So in my case I have tippy in a carousel slider, which has overflow: hidden around it for obvious reasons. So coming from an earlier version of vue-tippy, I had to round up all the cats and dogs to track down why all of a sudden my tooltip became invisible when it used to work just fine. Turns out the tooltip was now in a different location inside the DOM overflowing over to the hidden area because it was interactive… Simple enough fix once I figured out what was the root cause, I just added a new appendTo prop that forced the tooltip back to document.body.

It’s mentioned in the documentation next to the appendTo prop.