\n \u003C/UTooltip>\n \u003C/UAvatarGroup>\n```\n\n---\n```\n \u003CShareProjectModal\n v-if=\"project\"\n v-model:open=\"isShareProjectModalOpen\"\n :project=\"project\"\n :template-name=\"project.template.name\"\n :primary-document-references=\"project.template.primary_document_reference?.map(d => d.name) || []\"\n />\n```\n\nSharedModal\n\n```\n \u003CUModal\n v-model:open=\"isOpen\"\n :ui=\"{\n content: 'max-w-124',\n footer: 'justify-between',\n body: 'flex flex-col gap-4 px-0 sm:px-0',\n }\"\n >\n\n\u003C/UModal>\n```\n\n\n### Description\n\n\nHi, we are using v4 with an avatarGroup tooltip\n```\n \u003CUAvatarGroup\n v-if=\"sharedUsers.length\"\n :max=\"3\"\n size=\"sm\"\n @click=\"isShareProjectModalOpen = true\"\n >\n \u003CUTooltip\n v-for=\"user in sharedUsers\"\n :key=\"user.emailAddress\"\n :text=\"user.fullName ?? user.emailAddress\"\n :delay-duration=\"0\"\n >\n \u003CUAvatar\n :src=\"user.avatar ?? undefined\"\n :alt=\"user.fullName ?? user.emailAddress\"\n />\n \u003C/UTooltip>\n \u003C/UAvatarGroup>\n```\n\nWe have few modal opening on the same page however we have inconsistency with the tooltip when playing around opening UModal on the page the tooltip would stop working. has anyone encounter such issue?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3157,3158],{"name":3138,"color":3139},{"name":3144,"color":3145},4903,"AvatarGroup & Tooltip","2025-09-08T01:56:54Z","https://github.com/nuxt/ui/issues/4903",0.6701293,{"description":3165,"labels":3166,"number":3170,"owner":3147,"repository":3148,"state":3149,"title":3171,"updated_at":3172,"url":3173,"score":3174},"### Environment\n\n- Operating System: Darwin\n- Node Version: v24.2.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@11.3.0\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, app, nitro, runtimeConfig\n- Runtime Modules: @nuxt/eslint@1.4.1, @nuxt/ui@3.1.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.3\n\n### Reproduction\n\nYou can reproduce it directly in the official documentation, please refer to the screen recording for details\n\n### Description\n\nWhen the Tooltip is triggered, after a large scroll of the page, all Tooltips on the page will no longer be triggered\n\nI am using a laptop and touchpad, and I am not sure if the mouse will have this issue at the moment\n\n### Additional context\n\nhttps://github.com/user-attachments/assets/81ff1e8a-24ca-48d2-aa6b-d02ed0dab9f9\n\n### Logs\n\n```shell-script\n\n```",[3167,3168,3169],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4378,"Tooltip cannot be triggered again after page scrolling","2025-06-20T13:44:12Z","https://github.com/nuxt/ui/issues/4378",0.67214626,{"description":3176,"labels":3177,"number":3181,"owner":3147,"repository":3148,"state":3149,"title":3182,"updated_at":3183,"url":3184,"score":3185},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.1.1\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/dank-lake-kl6wpc\n\n### Description\n\ntooltip is not disabled when passing disabled=true\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3178,3179,3180],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4723,"tooltip is not disabled when passing disabled=true","2025-08-12T17:12:17Z","https://github.com/nuxt/ui/issues/4723",0.6757831,{"description":3187,"labels":3188,"number":3189,"owner":3147,"repository":3190,"state":3149,"title":3191,"updated_at":3192,"url":3193,"score":3194},"I noticed a bug that when you start scrolling down the module listing on nuxt.com/modules then the tooltip breaks at some point. I suspect this is due to infinite scrolling.\n\n**Screencast**:\nhttps://www.youtube.com/watch?v=OFXeT-wj5C8&ab_channel=MartinZeltin",[],1881,"nuxt.com","[bug] Module card tooltip breaks on scroll","2025-05-01T11:18:12Z","https://github.com/nuxt/nuxt.com/issues/1881",0.7019292,{"description":3196,"labels":3197,"number":3203,"owner":3147,"repository":3148,"state":3204,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.5`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `pnpm@10.11.1`\n- Builder: `-`\n- User Config: `ssr`, `devtools`, `modules`, `css`, `app`, `runtimeConfig`, `i18n`, `icon`, `devServer`, `colorMode`, `compatibilityDate`, `future`, `typescript`, `vite`\n- Runtime Modules: `@nuxt/ui@3.0.1`, `@pinia/nuxt@0.5.5`, `@nuxt/eslint@0.5.7`, `@nuxtjs/i18n@9.5.5`, `@nuxtjs/device@3.2.4`, `@nuxt/image@1.10.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-n3sxks\n\n### Description\n\nWhen using `USwitch` inside `UTooltip` switch toggle just disappears. You can check reproduction link.\n```vue\n\u003CUTooltip text=\"Just a tooltip\">\n \u003CUSwitch label=\"Just a switch\" />\n\u003C/UTooltip>\n```\n\n\u003Cimg width=\"127\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/5dbcfef5-a4c4-4ec4-b2f3-611212f75c68\" />\n\n### Additional context\n\nWrapping `USwitch` to `div` for example solves issue\n```vue\n \u003CUTooltip text=\"Just a tooltip\">\n \u003Cdiv>\n \u003CUSwitch label=\"'Hackish'\" />\n \u003C/div>\n \u003C/UTooltip>\n```\n\n### Logs\n\n```shell-script\n\n```",[3198,3199,3202],{"name":3138,"color":3139},{"name":3200,"color":3201},"duplicate","cfd3d7",{"name":3141,"color":3142},4333,"closed","USwitch not working inside UTooltip","2025-06-12T13:42:09Z","https://github.com/nuxt/ui/issues/4333",0.66932845,{"description":3210,"labels":3211,"number":3215,"owner":3147,"repository":3148,"state":3204,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: ^3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: -\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, formkit\n- Runtime Modules: @nuxt/ui@^3.1.3, @nuxt/eslint@^1.4.1, @formkit/nuxt@^1.6.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/gallant-scooby-hcy72z\n\n### Description\n\nI am upgrading my app to use Nuxt UI v3 and am having issues with `UModal` and [FormKit](https://formkit.com/).\n\nI am unable to open a modal with a FormKit modal inside of it. I get the following error.\n\n\u003Cimg width=\"557\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/dc0baba8-ed91-4006-9164-5e9e1fa6c67a\" />\n\nI believe this is an issue with Nuxt UI and not FormKit because it used to work fine on the previous version.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nindex.vue:17 [Vue warn]: Unhandled error during execution of mounted hook \n at \u003CDialogTrigger key=0 as-child=\"\" class=\"\" > \n at \u003CDialogRoot modal=true open=true onAfter:leave=fn ... > \n at \u003CUModal close= {onClick: ƒ} title=\"This modal was opened programmatically 0 times\" open=true ... > \n at \u003CModalExample key= Symbol(useOverlay) ref_for=true count=0 ... > \n at \u003CUOverlayProvider > \n at \u003CTooltipProvider > \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=undefined locale=undefined > \n at \u003CApp > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\nwarn$1 @ runtime-core.esm-bundler.js?v=fb91d406:50\nlogError @ runtime-core.esm-bundler.js?v=fb91d406:261\nhandleError @ runtime-core.esm-bundler.js?v=fb91d406:253\ncallWithErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:199\ncallWithAsyncErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:204\nhook.__weh.hook.__weh @ runtime-core.esm-bundler.js?v=fb91d406:2842\nflushPostFlushCbs @ runtime-core.esm-bundler.js?v=fb91d406:382\nflushJobs @ runtime-core.esm-bundler.js?v=fb91d406:424\nPromise.then\nqueueFlush @ runtime-core.esm-bundler.js?v=fb91d406:319\nqueueJob @ runtime-core.esm-bundler.js?v=fb91d406:314\neffect2.scheduler @ runtime-core.esm-bundler.js?v=fb91d406:5499\ntrigger @ reactivity.esm-bundler.js?v=fb91d406:235\nendBatch @ reactivity.esm-bundler.js?v=fb91d406:293\ntrigger @ reactivity.esm-bundler.js?v=fb91d406:693\nset @ reactivity.esm-bundler.js?v=fb91d406:974\nopen @ useOverlay.js?v=fb91d406:29\nopen @ useOverlay.js?v=fb91d406:18\nopen @ index.vue:17\n(anonymous) @ Button.vue:80\nonClickWrapper @ Button.vue:80\nonClickWrapper @ LinkBase.vue:30\ncallWithErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:197\ncallWithAsyncErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:204\ninvoker @ runtime-dom.esm-bundler.js?v=fb91d406:720\nuseForwardExpose.js?v=fb91d406:8 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'nodeName')\n at ComputedRefImpl.fn (useForwardExpose.js?v=fb91d406:8:64)\n at refreshComputed (reactivity.esm-bundler.js?v=fb91d406:361:29)\n at get value (reactivity.esm-bundler.js?v=fb91d406:1567:5)\n at DialogTrigger.js?v=fb91d406:19:57\n at runtime-core.esm-bundler.js?v=fb91d406:2862:40\n at callWithErrorHandling (runtime-core.esm-bundler.js?v=fb91d406:197:19)\n at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?v=fb91d406:204:17)\n at hook.__weh.hook.__weh (runtime-core.esm-bundler.js?v=fb91d406:2842:19)\n at flushPostFlushCbs (runtime-core.esm-bundler.js?v=fb91d406:382:28)\n at flushJobs (runtime-core.esm-bundler.js?v=fb91d406:424:5)\n```",[3212,3213,3214],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3144,"color":3145},4309,"UModal does not work with FormKit","2025-06-07T23:36:34Z","https://github.com/nuxt/ui/issues/4309",0.6759942,{"description":3221,"labels":3222,"number":3231,"owner":3147,"repository":3148,"state":3204,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@10.5.2\n- Builder: -\n- User Config: devtools, css, colorMode, modules, imports, nitro, lodash, icon, components, ssr, $production, runtimeConfig, compatibilityDate\n- Runtime Modules: @nuxt/ui-pro@3.1.3, @pinia/nuxt@0.5.5, nuxt-lodash@2.5.3\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.17.5\n\n### Reproduction\n\nUTooltip occasionally does not display\n\n### Description\n\nUTooltip occasionally does not display\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3223,3224,3227,3228],{"name":3138,"color":3139},{"name":3225,"color":3226},"needs reproduction","CB47CF",{"name":3141,"color":3142},{"name":3229,"color":3230},"closed-by-bot","ededed",4408,"UTooltip occasionally does not display","2025-07-05T02:13:30Z","https://github.com/nuxt/ui/issues/4408",0.6783893,{"description":3237,"labels":3238,"number":3242,"owner":3147,"repository":3148,"state":3204,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.16.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: pnpm@10.12.1\n- Builder: -\n- User Config: compatibilityDate, devtools, devServer, ssr, runtimeConfig, hooks, css, colorMode, components, modules, ui, i18n, zodI18n\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/test-utils@3.17.2, @nuxt/ui-pro@3.1.3, nuxt-zod-i18n@1.11.5, @nuxtjs/i18n@9.5.3, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, dayjs-nuxt@2.1.11, nuxt-qrcode@0.4.1\n- Build Modules: -\n------------------------------\n\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read documentation: https://nuxt.com\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nTry a combination of USwitch and UTooltip like this:\n\n```\n \u003Cu-tooltip\n :disabled=\"isPhoneNumberSet\"\n :delay-duration=\"250\"\n :ui=\"{ content: 'bg-warning' }\"\n >\n \u003Cu-switch\n :model-value=\"notifications.smsWarnings\"\n :disabled=\"!isPhoneNumberSet\"\n :loading=\"isLoadingSmsWarnings\"\n color=\"secondary\"\n @update:model-value=\"$emit('update:sms-warnings', $event)\"\n />\n\n \u003Ctemplate #content>Add a phone number first\u003C/template>\n \u003C/u-tooltip>\n```\n\n### Description\n\nThe switch on its own works perfectly. But if I wrap it inside of a tooltip, it loses its background color.\n\nIn the provided screenshot you can barely see the switch thumb, but not the background.\n\nI think the problem is somewhere in the base slot but was unable to come up with a reliable solution.\n\n### Additional context\n\n\n\n### Logs\n\n```shell-script\n\n```",[3239,3240,3241],{"name":3138,"color":3139},{"name":3200,"color":3201},{"name":3141,"color":3142},4342,"Switch becomes invisible when wrapped inside a tooltip","2025-06-16T08:22:11Z","https://github.com/nuxt/ui/issues/4342",0.6787483,{"description":3248,"labels":3249,"number":3253,"owner":3147,"repository":3147,"state":3204,"title":3254,"updated_at":3255,"url":3256,"score":3257},"I found a bug ( with last nuxt and http://element.eleme.io/#/en-US/component/tooltip tooltip component. \r\n\r\nWhen y include it on any vue.js page it crash header after reopen it (first open is ok).\r\nF.e. Y open page index next go to about with tooltip and page has no head (f.e. title).\r\n\r\nSome elements like tooltip crash nuxt( With clear vue.js all works fine) \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c460\">#c460\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3250],{"name":3251,"color":3252},"2.x","d4c5f9",532,"element.eleme.io tooltip crash head","2023-01-18T15:39:30Z","https://github.com/nuxt/nuxt/issues/532",0.6979097,["Reactive",3259],{},["Set"],["ShallowReactive",3262],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f8RP-eN7rm7GYVB6V8aCnSRWfxk6cjQ_t8BOwQZ3TIzg":-1},"/nuxt/ui/4274"]