\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?",[3145],{"name":3146,"color":3147},"question","d876e3",4286,"nuxt","ui","open","Can UColorModeButton be wrapped in a UTooltip?","2025-06-04T11:52:41Z","https://github.com/nuxt/ui/issues/4286",0.7581487,{"description":3157,"labels":3158,"number":3168,"owner":3149,"repository":3150,"state":3151,"title":3169,"updated_at":3170,"url":3171,"score":3172},"### 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```",[3159,3162,3165],{"name":3160,"color":3161},"bug","d73a4a",{"name":3163,"color":3164},"v3","49DCB8",{"name":3166,"color":3167},"triage","ffffff",4378,"Tooltip cannot be triggered again after page scrolling","2025-06-20T13:44:12Z","https://github.com/nuxt/ui/issues/4378",0.7641585,{"description":3174,"labels":3175,"number":3181,"owner":3149,"repository":3150,"state":3151,"title":3182,"updated_at":3183,"url":3184,"score":3185},"### 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_",[3176,3179,3180],{"name":3177,"color":3178},"enhancement","a2eeef",{"name":3163,"color":3164},{"name":3166,"color":3167},4546,"Drawer prop amendment - snap point support","2025-07-18T13:40:39Z","https://github.com/nuxt/ui/issues/4546",0.7873125,{"description":3187,"labels":3188,"number":3191,"owner":3149,"repository":3150,"state":3151,"title":3192,"updated_at":3193,"url":3194,"score":3195},"### Package\n\nv3.x\n\n### Description\n\n`Slideover` is a great alternative for modals. Allowing to resize `slideover` would make it very useful for usecases when one needs a resizable modals\n\n### Additional context\n\n_No response_",[3189,3190],{"name":3177,"color":3178},{"name":3166,"color":3167},4840,"allow to resize `Slideover`","2025-08-28T15:11:37Z","https://github.com/nuxt/ui/issues/4840",0.78965825,{"description":3197,"labels":3198,"number":3202,"owner":3149,"repository":3150,"state":3203,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### 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```",[3199,3200,3201],{"name":3177,"color":3178},{"name":3163,"color":3164},{"name":3166,"color":3167},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":3209,"labels":3210,"number":3214,"owner":3149,"repository":3150,"state":3203,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### 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_",[3211,3212,3213],{"name":3177,"color":3178},{"name":3163,"color":3164},{"name":3166,"color":3167},4032,"[Carousel] improve thumb example","2025-05-02T09:58:58Z","https://github.com/nuxt/ui/issues/4032",0.7376446,{"description":3220,"labels":3221,"number":3225,"owner":3149,"repository":3150,"state":3203,"title":3226,"updated_at":3227,"url":3228,"score":3229},"### 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",[3222,3223,3224],{"name":3177,"color":3178},{"name":3163,"color":3164},{"name":3166,"color":3167},4430,"Tooltip mouse tracking","2025-06-30T13:02:07Z","https://github.com/nuxt/ui/issues/4430",0.7442299,{"description":3231,"labels":3232,"number":3236,"owner":3149,"repository":3150,"state":3203,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### Description\n\nWe sometimes want to show optional stuff in Tooltips, but right now this means duplicating the stuff inside the tooltip and putting that behind an if / show.\n\u003Cimg width=\"86\" height=\"41\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/21808b8b-2805-47b2-848b-b36bf28f7666\" />\n\n### Additional context\n\n_No response_",[3233,3234,3235],{"name":3177,"color":3178},{"name":3163,"color":3164},{"name":3166,"color":3167},4566,"Tooltip should not display when there is no value for 'text'","2025-08-12T10:04:09Z","https://github.com/nuxt/ui/issues/4566",0.75143296,{"description":3242,"labels":3243,"number":3251,"owner":3149,"repository":3150,"state":3203,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### Description\n\nWe already have to possibility to add help text to a `FormField`, but I don't always want to bloat my page with this. Would be really nice if we could have an option like `tooltip=\"Some helper text\"` that automatically shows an icon next to the label.\n\nOf course this can be done with the `#label` slot. But I think this quite normal/useful to have in e.g. dashboard etc.\n\n### Additional context\n\n",[3244,3245,3246,3249],{"name":3177,"color":3178},{"name":3163,"color":3164},{"name":3247,"color":3248},"closed-by-bot","ededed",{"name":3250,"color":3248},"stale",3715,"`FormField` tooltip","2025-07-30T02:13:37Z","https://github.com/nuxt/ui/issues/3715",0.75186205,{"description":3257,"labels":3258,"number":3261,"owner":3149,"repository":3150,"state":3203,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Description\n\nThere is a way to enable tooltip on mobile when touching it? Can it be globally enabled?",[3259,3260],{"name":3146,"color":3147},{"name":3163,"color":3164},3847,"Tooltip on mobile devices","2025-05-14T10:11:04Z","https://github.com/nuxt/ui/issues/3847",0.76172227,["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fbOpebu1l0K9Y9sYfQszsemZSTuXp4U8ZUWefFnlryr4":-1},"/nuxt/ui/1469"]