\n \u003C/UFormField>\n\n \u003CUFormField label=\"Last name\" name=\"familyName\" required>\n \u003CUInput v-model=\"state.familyName\" />\n \u003C/UFormField>\n \u003C/template>\n\n \u003Ctemplate #footer>\n \u003CUButton label=\"Save\" type=\"submit\" />\n \u003C/template>\n \u003C/UModal>\n \u003C/UForm>\n\u003C/template>\n```",[3060,3061],{"name":3039,"color":3040},{"name":3022,"color":3023},4401,"How to use a UForm within a UModal with footer?","2025-06-26T12:51:18Z","https://github.com/nuxt/ui/issues/4401",0.7567845,{"description":3068,"labels":3069,"number":3073,"owner":3028,"repository":3029,"state":3030,"title":3074,"updated_at":3075,"url":3076,"score":3077},"### 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```",[3070,3071,3072],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4378,"Tooltip cannot be triggered again after page scrolling","2025-06-20T13:44:12Z","https://github.com/nuxt/ui/issues/4378",0.7612845,{"description":3079,"labels":3080,"number":3086,"owner":3028,"repository":3029,"state":3087,"title":3088,"updated_at":3089,"url":3090,"score":3091},"### 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```",[3081,3082,3085],{"name":3019,"color":3020},{"name":3083,"color":3084},"duplicate","cfd3d7",{"name":3022,"color":3023},4333,"closed","USwitch not working inside UTooltip","2025-06-12T13:42:09Z","https://github.com/nuxt/ui/issues/4333",0.7062648,{"description":3093,"labels":3094,"number":3105,"owner":3028,"repository":3029,"state":3087,"title":3106,"updated_at":3107,"url":3108,"score":3109},"### Description\n\nInstead of wrapping a component with UTooltip, a :tool-tip prop could maybe be provided by default in some click/hover based components (limited to just strings)?\n\n```\n\u003CUTooltip text=\"Flip Chessboard\">\n \u003CUButton icon=\"i-material-symbols-sync\" @click=\"flipChessboard()\" />\n\u003C/UTooltip>\n\n=>\n\n\u003CUButton tooltip=\"Flip Chessboard\" icon=\"i-material-symbols-sync\" @click=\"flipChessboard()\" />\n```\n\n### Additional context\n\nI was thinking it could be a handy features since a lot of websites contain clickable/hoverable symbols for their social media/github link/settings/etc. a simple. default tooltip could be very handy. Thanks for your time!",[3095,3098,3099,3100,3103],{"name":3096,"color":3097},"enhancement","a2eeef",{"name":3022,"color":3023},{"name":3025,"color":3026},{"name":3101,"color":3102},"closed-by-bot","ededed",{"name":3104,"color":3102},"stale",3121,"Tooltip API across multiple components (Button/Badge/Checkbox/Icon/...)","2025-06-18T09:02:32Z","https://github.com/nuxt/ui/issues/3121",0.72276366,{"description":3111,"labels":3112,"number":3116,"owner":3028,"repository":3029,"state":3087,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### 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```",[3113,3114,3115],{"name":3019,"color":3020},{"name":3083,"color":3084},{"name":3022,"color":3023},4342,"Switch becomes invisible when wrapped inside a tooltip","2025-06-16T08:22:11Z","https://github.com/nuxt/ui/issues/4342",0.72407824,{"description":3122,"labels":3123,"number":3127,"owner":3028,"repository":3029,"state":3087,"title":3128,"updated_at":3129,"url":3130,"score":3131},"### Environment\n\nOperating System: Linux\nNode Version: v18.20.3\nNuxt Version: 3.15.4\nCLI Version: 3.21.1\nNitro Version: 2.10.4\nPackage Manager: pnpm@8.15.6\nBuilder: -\nUser Config: modules\nRuntime Modules: @nuxt/ui@2.21.0\nBuild Modules: -\n\n\n### Version\n\n^2.17.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-um7dcx8a?file=app.vue\n\n### Description\n\nIn a Nuxt project using Nuxt UI, when a u-notification appears over a u-slideover, the notification is not clickable. The issue occurs because the u-slideover element blocks interactions with elements positioned above it. \n\nI have provided a reproduction link above where if you open the slideover, a notification appears after 1 sec and the notification is not interactive (action button does not work).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3124,3125,3126],{"name":3019,"color":3020},{"name":3101,"color":3102},{"name":3104,"color":3102},3214,"Bug: u-notification Not Clickable When Positioned Over u-slideoveror or u-modal","2025-06-18T09:02:21Z","https://github.com/nuxt/ui/issues/3214",0.7396896,{"description":3133,"labels":3134,"number":3138,"owner":3028,"repository":3029,"state":3087,"title":3139,"updated_at":3140,"url":3141,"score":3142},"### Description\n\nI was looking to implement tooltip for NavigationMenu links as it was available in the DashboardSidebarLinks component in v2. But seems like the feature is no longer present in v3. \n\nhttps://ui2.nuxt.com/pro/components/dashboard-sidebar-links\n\nLet me know if there is still a simple way to implement tooltips specially in the collapsed Sidebar. I don't wanna go down with the slots approach. It looks dirty.\n\n\n\n### Additional context\n\nThis is what I have to do in order to get it to work. I believe this should be part of Nuxt UI already.\n\n``` js\n\u003CUNavigationMenu :collapsed=\"collapsed\" :items=\"links\" orientation=\"vertical\">\n \u003Ctemplate #item-leading=\"{ item }\">\n \u003CUTooltip :disabled=\"!collapsed\" :text=\"item.label\">\n \u003CUIcon\n :name=\"item.icon || ''\"\n class=\"text-dimmed group-hover:text-default size-5 shrink-0 transition-colors\"\n />\n \u003C/UTooltip>\n \u003C/template>\n\u003C/UNavigationMenu>\n```",[3135,3136,3137],{"name":3096,"color":3097},{"name":3022,"color":3023},{"name":3025,"color":3026},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.74550045,["Reactive",3144],{},["Set"],["ShallowReactive",3147],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fwYxUGPGYt27Zmx5iGaRHhE62Cr8z7DLVqeC8g8C4ZCU":-1},"/nuxt/ui/4286"]