\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2021,2022,2025],{"name":1985,"color":1986},{"name":2023,"color":2024},"v3","49DCB8",{"name":1988,"color":1989},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7286775,{"description":2032,"labels":2033,"number":2039,"owner":1991,"repository":1992,"state":2006,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### Environment\n\nOperating System: Windows\nNode Version: v22.14.0\nNuxt Version: 3.16.2\nCLI Version: 3.24.1\nNitro Version: 2.11.8\nPackage Manager: npm@10.9.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/bold-surf-kfhpdh\n\n### Description\n\nI've just tried using UNavigationMenu in the simplest way and I'm having a problem with the display.\nas the documentation is stating: https://ui.nuxt.com/components/navigation-menu#with-custom-slot\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2034,2035,2038],{"name":1985,"color":1986},{"name":2036,"color":2037},"duplicate","cfd3d7",{"name":2023,"color":2024},3835,"UNavigationMenu not showing correctly","2025-04-09T08:23:59Z","https://github.com/nuxt/ui/issues/3835",0.73016423,{"description":2045,"labels":2046,"number":2051,"owner":1991,"repository":1992,"state":2006,"title":2052,"updated_at":2053,"url":2054,"score":2055},"### Description\n\nCan components be imported manually in Vue projects",[2047,2050],{"name":2048,"color":2049},"question","d876e3",{"name":2023,"color":2024},3340,"Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.73877996,{"description":2057,"labels":2058,"number":2062,"owner":1991,"repository":1992,"state":2006,"title":2063,"updated_at":2064,"url":2065,"score":2066},"### Environment\n\nOperating System: Windows_NT\nNode Version: v20.18.0\nNuxt Version: -\nCLI Version: 3.14.0\nNitro Version: -\nPackage Manager: unknown\nBuilder: -\nUser Config: -\nRuntime Modules: -\nBuild Modules: -\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nSelect menu, dropdown, input menu etc are displayed under the modal.\nHappens when modal is fullscreen as well. Didn't check every component, but most are like this.\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2059,2060,2061],{"name":1985,"color":1986},{"name":2036,"color":2037},{"name":2023,"color":2024},2378,"[Select/Dropdown/Modal] Modal z-index not properly configured","2024-10-21T10:15:45Z","https://github.com/nuxt/ui/issues/2378",0.73900187,{"description":2068,"labels":2069,"number":2072,"owner":1991,"repository":1992,"state":2006,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v18.20.4\n- Nuxt Version: 3.13.2\n- CLI Version: 3.15.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.7\n- Build Modules: -\n------------------------------\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nThe `:ui` prop is not handled by the component ButtonGroup ?\n\n### Description\n\nI tried to add somme classes to the ButtonGroup component, with `class=` attribute, with `:ui=` attribute, but it seems that nothing works.\n\n\n\n### Additional context\n\nI've tried to look into the code, but I don't understand all the magic you've done !\n\n### Logs\n\n_No response_",[2070,2071],{"name":1985,"color":1986},{"name":2023,"color":2024},2498,"[v3] ButtonGroup : class and ui attributes not handled ?","2024-10-31T09:25:42Z","https://github.com/nuxt/ui/issues/2498",0.744617,{"description":2078,"labels":2079,"number":2087,"owner":1991,"repository":1991,"state":2006,"title":2088,"updated_at":2089,"url":2090,"score":2091},"### Environment\n\n app: {\r\n buildAssetsDir: './',\r\n baseURL: \"/oort/oort-site/\",\r\n cdnURL: '/oort/oort-site/'\r\n}\r\n\r\nthis is config\n\n### Reproduction\n\n\r\n\n\n### Describe the bug\n\n the extracted css styles are inconsistent\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2080,2083,2084],{"name":2081,"color":2082},"3.x","29bc7f",{"name":1985,"color":1986},{"name":2085,"color":2086},"🔨 p3-minor","FBCA04",20120,"css background-image: url(/img/news_banner.png) , extractCSS not same","2024-05-24T19:46:25Z","https://github.com/nuxt/nuxt/issues/20120",0.74666196,{"description":2093,"labels":2094,"number":2096,"owner":1991,"repository":2005,"state":2006,"title":2097,"updated_at":2098,"url":2099,"score":2100},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2424%3A12792\n\n- [x] Replace `UPills` component with list of `ULink`\n- [x] `text-base` instead of `text-sm`\n- [x] Remove logo hover in green\n- [x] Login button in primary variant",[2095],{"name":2002,"color":2003},114,"Improve navbar links","2023-02-15T12:30:39Z","https://github.com/nuxt/nuxt.com/issues/114",0.7475032,["Reactive",2102],{},["Set"],["ShallowReactive",2105],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"K3HGgWB40w4M21lq60cUfsPtSJin1dR-dIOkEl44jzI":-1},"/nuxt/ui/3737"]