\n\n### Additional context\n\n_No response_",[3019,3022,3025],{"name":3020,"color":3021},"enhancement","a2eeef",{"name":3023,"color":3024},"v3","49DCB8",{"name":3026,"color":3027},"triage","ffffff",4566,"nuxt","ui","open","Tooltip should not display when there is no value for 'text'","2025-07-22T06:39:46Z","https://github.com/nuxt/ui/issues/4566",0.75143296,{"description":3037,"labels":3038,"number":3042,"owner":3029,"repository":3030,"state":3031,"title":3043,"updated_at":3044,"url":3045,"score":3046},"### Description\n\nHey everyone, I was trying to add a `UTooltip` to a `UColorModeButton`.\n\n```vue\n\u003CUTooltip :delay-duration=\"0\" text=\"Toggle mode\">\n \u003CUColorModeButton :ui=\"{ base: 'text-dimmed hover:text-highlighted' }\" />\n\u003C/UTooltip>\n```\n\nUnfortunately, the tooltip gets pushed to the top-left corner of the viewport. Am I missing something or doing anything incorrectly here?",[3039],{"name":3040,"color":3041},"question","d876e3",4286,"Can UColorModeButton be wrapped in a UTooltip?","2025-06-04T11:52:41Z","https://github.com/nuxt/ui/issues/4286",0.7581487,{"description":3048,"labels":3049,"number":3055,"owner":3029,"repository":3030,"state":3031,"title":3056,"updated_at":3057,"url":3058,"score":3059},"### 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```",[3050,3053,3054],{"name":3051,"color":3052},"bug","d73a4a",{"name":3023,"color":3024},{"name":3026,"color":3027},4378,"Tooltip cannot be triggered again after page scrolling","2025-06-20T13:44:12Z","https://github.com/nuxt/ui/issues/4378",0.7641585,{"description":3061,"labels":3062,"number":3066,"owner":3029,"repository":3030,"state":3031,"title":3067,"updated_at":3068,"url":3069,"score":3070},"### Description\n\nWhilst working with snap points, (direction bottom) and the drawer **IS NOT** dismissible, If i'd dragged the drawer all the way up, then went to drag the drawer down again, it would stop at the 2nd to last stop (the first stop going back down) and would just jump to the next stop instead of dragging. It was only after scrolling through the vaul repo that I found [this was the issue](https://github.com/emilkowalski/vaul/blob/54b099cfeed77905f3b06d553c728b3102b15b40/src/use-snap-points.ts#L176) `const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1` \n`fadeFromIndex` should be a prop (and made clear), as it prevents the dragging functionality, I had to manually amend this value and if i'd have known it was a prop, it would have saved me a lot of time.\n\n### Additional context\n\n_No response_",[3063,3064,3065],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4546,"Drawer prop amendment - snap point support","2025-07-18T13:40:39Z","https://github.com/nuxt/ui/issues/4546",0.7873125,{"description":3072,"labels":3073,"number":3082,"owner":3029,"repository":3029,"state":3031,"title":3083,"updated_at":3084,"url":3085,"score":3086},"### Describe the feature\n\nIt would be nice if you could show something like an animated image when reloading the code like Next js does. \r\n\r\nUnfortunately, the device from which you'd be working on is the one that gets its view refreshed and not the other devices like Next js. Please add these features. \n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3074,3076,3079],{"name":3020,"color":3075},"8DEF37",{"name":3077,"color":3078},"dx","C39D69",{"name":3080,"color":3081},"🍰 p2-nice-to-have","0E8A16",21422,"HMR Spinner & Devices ","2024-06-30T11:08:38Z","https://github.com/nuxt/nuxt/issues/21422",0.7944914,{"description":3088,"labels":3089,"number":3093,"owner":3029,"repository":3030,"state":3094,"title":3095,"updated_at":3096,"url":3097,"score":3098},"### 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```",[3090,3091,3092],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4050,"closed","NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.7315004,{"description":3100,"labels":3101,"number":3105,"owner":3029,"repository":3030,"state":3094,"title":3106,"updated_at":3107,"url":3108,"score":3109},"### Description\n\nhttps://ui.nuxt.com/components/carousel#with-thumbnails\n\nThere are a couple of issues with the current implementation:\n\n1. Swiping via gestures isn't tracked — when switching slides this way, the active thumb doesn't update.\n2. The thumbs list can have more items, so scrolling needs to be handled properly.\n\nHere's my take on fixing both:\n```vue\n\u003Cscript setup lang=\"ts\">\nconst items = [\n 'https://picsum.photos/640/640?random=1',\n 'https://picsum.photos/640/640?random=2',\n 'https://picsum.photos/640/640?random=3',\n 'https://picsum.photos/640/640?random=4',\n 'https://picsum.photos/640/640?random=5',\n 'https://picsum.photos/640/640?random=6',\n 'https://picsum.photos/640/640?random=7',\n 'https://picsum.photos/640/640?random=8',\n 'https://picsum.photos/640/640?random=9',\n 'https://picsum.photos/640/640?random=10',\n]\n\nconst carousel = useTemplateRef('carousel')\nconst thumbCarousel = useTemplateRef('thumbCarousel')\nconst activeIndex = ref(0)\n\nfunction onClickPrev() {\n activeIndex.value--\n}\nfunction onClickNext() {\n activeIndex.value++\n}\n\nfunction onSelect(index: number) {\n activeIndex.value = index\n\n thumbCarousel.value?.emblaApi?.scrollTo(index)\n}\n\nfunction onThumbClick(index: number) {\n carousel.value?.emblaApi?.scrollTo(index)\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"flex-1 w-full\">\n \u003CUCarousel\n ref=\"carousel\"\n v-slot=\"{ item }\"\n arrows\n :items=\"items\"\n :prev=\"{ onClick: onClickPrev }\"\n :next=\"{ onClick: onClickNext }\"\n class=\"w-full max-w-xs mx-auto\"\n >\n \u003Cimg :src=\"item\" width=\"320\" height=\"320\" class=\"rounded-lg\">\n \u003C/UCarousel>\n\n \u003Cdiv class=\"pt-4 max-w-xs mx-auto\">\n \u003CUCarousel\n ref=\"thumbCarousel\"\n v-slot=\"{ item, index }\"\n :items=\"items\"\n class=\"w-full\"\n contain-scroll=\"keepSnaps\"\n drag-free\n :ui=\"{ item: 'basis-auto' }\"\n >\n \u003Cimg\n :src=\"item\"\n width=\"44\"\n height=\"44\"\n class=\"size-11 opacity-25 hover:opacity-100 transition-opacity rounded-lg\"\n :class=\"{ 'opacity-100': activeIndex === index }\"\n alt=\"\"\n @click=\"onThumbClick(index)\"\n >\n \u003C/UCarousel>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n```\n\n### Additional context\n\n_No response_",[3102,3103,3104],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4032,"[Carousel] improve thumb example","2025-05-02T09:58:58Z","https://github.com/nuxt/ui/issues/4032",0.7376446,{"description":3111,"labels":3112,"number":3116,"owner":3029,"repository":3030,"state":3094,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### Description\n\nWould be great to have an option to let the tooltip track your mouse while hovering over the content. This is useful for large content areas where it's not always clear where the tooltip will be. \n\n### Additional context\n\nhttps://github.com/user-attachments/assets/99ba6a59-a860-408e-b46a-82a56f36e3b8",[3113,3114,3115],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4430,"Tooltip mouse tracking","2025-06-30T13:02:07Z","https://github.com/nuxt/ui/issues/4430",0.7442299,{"description":3122,"labels":3123,"number":3126,"owner":3029,"repository":3030,"state":3094,"title":3127,"updated_at":3128,"url":3129,"score":3130},"### Description\n\nThere is a way to enable tooltip on mobile when touching it? Can it be globally enabled?",[3124,3125],{"name":3040,"color":3041},{"name":3023,"color":3024},3847,"Tooltip on mobile devices","2025-05-14T10:11:04Z","https://github.com/nuxt/ui/issues/3847",0.76172227,{"description":3132,"labels":3133,"number":3136,"owner":3029,"repository":3137,"state":3094,"title":3138,"updated_at":3139,"url":3140,"score":3141},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2441%3A11054",[3134],{"name":3020,"color":3135},"1ad6ff",115,"nuxt.com","Improve docs navigation bar","2023-02-15T12:30:39Z","https://github.com/nuxt/nuxt.com/issues/115",0.7750018,["Reactive",3143],{},["Set"],["ShallowReactive",3146],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fbOpebu1l0K9Y9sYfQszsemZSTuXp4U8ZUWefFnlryr4":-1},"/nuxt/ui/1469"]