vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.6.3] v-tooltip doesn't work with Nuxt 3

Open rodrigogs opened this issue 1 year ago • 3 comments
trafficstars

Environment

Vuetify Version: 3.6.3 Vue Version: 3.4.26 Browsers: Chrome 124.0.0.0 OS: Mac OS 10.15.7, Linux

Steps to reproduce

Mouse hover on top of the tooltiped buttons.

Expected Behavior

The buttons should show a tooltip with the current button index for each button.

Actual Behavior

Instead they show the last rendered index for all the button tooltips.

Reproduction Link

https://stackblitz.com/edit/nuxt-starter-kyrmkk?file=app.vue

rodrigogs avatar May 04 '24 21:05 rodrigogs

This example constantly crashes for me. image

johnleider avatar May 06 '24 16:05 johnleider

@johnleider you can interpret that as another glitch associated with v-tooltip. It has occurred to me occasionally too. If you disable the tooltip section in your code by commenting it out, the crashing should cease.

rodrigogs avatar May 06 '24 20:05 rodrigogs

This must have to do with directiveComponent then as a regular v-tooltip component works fine. Nuxt must not like our dynamic mounting. https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/directiveComponent.ts#L0-L1

johnleider avatar May 07 '24 15:05 johnleider