\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?",[2867],{"name":2868,"color":2869},"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.7814042,{"description":2879,"labels":2880,"number":2890,"owner":2871,"repository":2872,"state":2873,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.1.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.0`\n- Nitro Version: `2.11.8`\n- Package Manager: `yarn@4.7.0`\n- Builder: `-`\n- User Config: `modules`, `ssr`, `components`, `app`, `css`, `runtimeConfig`, `compatibilityDate`, `nitro`, `vite`, `eslint`\n- Runtime Modules: `@pinia/nuxt@0.10.1`, `pinia-plugin-persistedstate/nuxt@4.2.0`, `@nuxt/ui@3.0.2`, `dayjs-nuxt@2.1.11`, `@nuxt/eslint@1.3.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/festive-feather-mzq49q\n\nIn the second select (which is wrapped in a form tag), don't select anything, and click save to submit the form.\n\nIt should show the browser \"this input is required\" tooltip.\n\n### Description\n\nI can't really understand why/how this happens. Sometimes, the `required` prop on a Select component will not prevent the form to be submitted. But sometimes it's working fine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2881,2884,2887],{"name":2882,"color":2883},"bug","d73a4a",{"name":2885,"color":2886},"v3","49DCB8",{"name":2888,"color":2889},"triage","ffffff",3882,"Select required sometimes not working","2025-04-14T08:11:48Z","https://github.com/nuxt/ui/issues/3882",0.8162745,{"description":2896,"labels":2897,"number":2904,"owner":2871,"repository":2872,"state":2905,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Description\n\nIt would be amazing to be able to add a tooltip for the value, because now slider looks too simple. Please think about it.\n\n### Additional context\n\n_No response_",[2898,2901,2903],{"name":2899,"color":2900},"enhancement","a2eeef",{"name":2902,"color":2889},"wontfix-v2",{"name":2885,"color":2886},1469,"closed","[Slider] Handle tooltip around thumb","2025-05-10T19:27:08Z","https://github.com/nuxt/ui/issues/1469",0.7592943,{"description":2911,"labels":2912,"number":2916,"owner":2871,"repository":2872,"state":2905,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### 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```",[2913,2914,2915],{"name":2899,"color":2900},{"name":2885,"color":2886},{"name":2888,"color":2889},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.76612735,{"description":2922,"labels":2923,"number":2927,"owner":2871,"repository":2928,"state":2905,"title":2929,"updated_at":2930,"url":2931,"score":2932},"I'm testing a page. And inside the unit test I'd like to access the setup state, so I can execute the `onSuccess` function.\r\nIt is possible but it seems a bit cumbersome, I understand I have to find the component because it's wrapped.\r\n\r\n```js\r\n\u003Ctemplate>\r\n \u003Cdiv>Example\u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup type=\"ts\">\r\nconst { data } = await useDetailData();\r\n\r\nfunction onSuccess() {\r\n window.dispatchEvent(new CustomEvent('success'));\r\n\u003C/script>\r\n```\r\n\r\nThis a unit test, as you can see it's difficult to access the setupState of the wrapped Componened passed to mountSuspended.\r\nOr is this already possible somehow? Else I'd be able to make a PR to expose the setupState for easier access.\r\n\r\n```js\r\nit('should dispatch success event', async () => {\r\n const wrapper = await mountSuspended(DetailPage); // name of file is [...slug].vue\r\n\r\n const spy = vi.spyOn(window, 'dispatchEvent');\r\n // this works\r\n const detailPageWrapper = wrapper.findComponent({ name: '[...slug]'}).componentVM._.setupState;\r\n \r\n // But i'd prefer to use something like this instead: \r\n const detailPageWrapper = wrapper.findComponent({ name: '[...slug]'}).vm\r\n // Or this\r\n wrapper.setupState.onSuccess();\r\n\r\n \r\n detailPageWrapper.onSuccess();\r\n\r\n expect(spy).toHaveBeenCalledWith(\r\n expect.objectContaining({ type: 'success' })\r\n );\r\n});\r\n",[2924],{"name":2925,"color":2926},"vitest-environment","b60205",616,"test-utils","[mountSuspended] Easier access to setupState","2023-12-02T17:18:48Z","https://github.com/nuxt/test-utils/issues/616",0.7850291,{"description":2934,"labels":2935,"number":2941,"owner":2871,"repository":2942,"state":2905,"title":2943,"updated_at":2944,"url":2945,"score":2946},"- **Platinum category** should include all sponsors **paying 1000$ and more** per month\n- **Gold category** should include all sponsors **paying between 500$ and 999$** per month\n- **Silver category** should include all sponsors **paying between 200$ and 499$** per month\n- **Bronze category** should include all sponsors **paying between 100$ and 199$** per month\n- **Backer category** should include all sponsors **paying between 25$ and 99$** per month\n\nbugs detected :\n- FunkHaus, Mirahi, Zen Archi, 64 Robots and Curotech are paying 500$ per month and are listed under Silver sponsors\n- WebReinvent is not even listed\n",[2936,2938],{"name":2882,"color":2937},"ff281a",{"name":2939,"color":2940},"marketing","f5c828",1148,"nuxt.com","Sponsors ranking","2023-06-06T12:14:40Z","https://github.com/nuxt/nuxt.com/issues/1148",0.79555726,{"description":2948,"labels":2949,"number":2952,"owner":2871,"repository":2942,"state":2905,"title":2953,"updated_at":2954,"url":2955,"score":2956},"\n",[2950],{"name":2899,"color":2951},"1ad6ff",756,"[Docs] Remove TOC for examples","2023-02-15T12:31:33Z","https://github.com/nuxt/nuxt.com/issues/756",0.81089693,{"description":2958,"labels":2959,"number":2963,"owner":2871,"repository":2871,"state":2905,"title":2964,"updated_at":2965,"url":2966,"score":2967},"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>",[2960],{"name":2961,"color":2962},"2.x","d4c5f9",532,"element.eleme.io tooltip crash head","2023-01-18T15:39:30Z","https://github.com/nuxt/nuxt/issues/532",0.8140952,{"description":2969,"labels":2970,"number":2972,"owner":2871,"repository":2871,"state":2905,"title":2973,"updated_at":2974,"url":2975,"score":2976},"How would be switch to pages for mobile and desktop?\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/c154\">#c154\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2971],{"name":2961,"color":2962},182,"Mobile based pages","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/182",0.8160028,{"description":2978,"labels":2979,"number":2981,"owner":2871,"repository":2942,"state":2905,"title":2982,"updated_at":2983,"url":2984,"score":2985},"\n",[2980],{"name":2882,"color":2937},511,"[Resources] Live events image on dark mode is broken","2023-02-15T12:32:28Z","https://github.com/nuxt/nuxt.com/issues/511",0.8169282,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fy9VW6Wtd5iZw2kpMtVoi8Eynix7nSlWtkgItTvA53EQ":-1},"/nuxt/ui/3847"]