\n \u003C/template>\n\n \u003Ctemplate #panel>\n \u003Cdiv class=\"flex h-full content-center pt-[130px]\">\n \u003CUNavigationTree id=\"navtree\" :links=\"links\" default-open />\n \u003C/div>\n \u003C/template>\n \u003C/UHeader>\n\u003C/template>\n```\n\n### Workaround \nFor classes: split links in multiple UHeaderLinks with custom ui prop.\n\n\n\n```vue\n\u003Ctemplate #center>\n \u003Cdiv class=\"flex flex-row flex-nowrap gap-5\">\n \u003CUHeaderLinks\n :links=\"linksA\"\n :ui=\"{\n wrapper: 'hidden lg:flex flex-row flex-nowrap items-center gap-x-8',\n }\"\n />\n \u003CUHeaderLinks\n :links=\"linksB\"\n :ui=\"{\n wrapper: 'hidden lg:flex flex-row flex-nowrap items-center gap-x-8',\n inactive: 'hover:text-primary text-red-500 italic',\n default: {\n popover: {\n ui: {\n wrapper: 'text-red-500 italic',\n },\n },\n },\n }\"\n />\n \u003C/div>\n\u003C/template>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"pro","5BD3CB",{"name":2874,"color":2875},"triage","ffffff",2306,"nuxt","ui","open","HeaderLinks: properties class and icon has no effects","2025-02-17T00:12:08Z","https://github.com/nuxt/ui/issues/2306",0.7467116,{"description":2885,"labels":2886,"number":2888,"owner":2877,"repository":2878,"state":2889,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.14.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.4.0\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Version\n\n2.18.6\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-jideye\n\n### Description\n\nI've been trying to add font size to a textarea using Nuxt UI, but I'm having trouble getting it to work. For testing purposes, I've tried almost all available options, but none of them seem to be working.\r\n\r\n``` \r\n\u003CUTextarea\r\n :rows=\"10\"\r\n v-model=\"encoderForm.input\"\r\n placeholder=\"Text to encode\"\r\n :ui=\"{\r\n placeholder: 'text-[40px] text-red-500',\r\n base: 'text-[40px]',\r\n form: 'text-[40px]',\r\n rounded: 'rounded-md text-[40px]',\r\n }\" \r\n/>\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2887],{"name":2868,"color":2869},2273,"closed","Nuxt UI - Textarea font size not working","2024-10-02T14:20:24Z","https://github.com/nuxt/ui/issues/2273",0.7252022,{"description":2895,"labels":2896,"number":2897,"owner":2877,"repository":2898,"state":2889,"title":2899,"updated_at":2900,"url":2901,"score":2902},"",[],1049,"nuxt.com","[Code] Community","2022-12-15T08:50:03Z","https://github.com/nuxt/nuxt.com/issues/1049",0.7295165,{"description":2904,"labels":2905,"number":2908,"owner":2877,"repository":2898,"state":2889,"title":2909,"updated_at":2910,"url":2911,"score":2912},"Hover color should be green on `ProseA`\n\n\n\nReading [typography tokens](https://github.com/nuxt-themes/typography/blob/main/tokens.config.ts), colors should be declared inside `tokens.config.ts` this way.\n\n(Tried with `colors` and `color`, both don't work)\n\n```js\nexport default defineTheme({\n typography: {\n color: {\n // palette() returns the good color scheme\n primary: palette('#00dc82')\n }\n }\n})\n```",[2906],{"name":2868,"color":2907},"ff281a",1076,"[Typography] ProseA hover color not applied","2023-06-06T12:14:34Z","https://github.com/nuxt/nuxt.com/issues/1076",0.74079114,{"description":2914,"labels":2915,"number":2921,"owner":2877,"repository":2878,"state":2889,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\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```",[2916,2917,2920],{"name":2868,"color":2869},{"name":2918,"color":2919},"v3","49DCB8",{"name":2874,"color":2875},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.75214297,{"description":2927,"labels":2928,"number":2933,"owner":2877,"repository":2878,"state":2889,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.18.3`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.22.2`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@9.15.4`\n- Builder: `-`\n- User Config: `extends`, `modules`, `$development`, `devtools`, `colorMode`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `vite`, `typescript`, `hooks`, `echo`, `eslint`, `i18n`, `sanctum`\n- Runtime Modules: `@nuxt/content@2.13.4`, `@nuxt/eslint@0.7.6`, `@nuxt/fonts@0.10.3`, `@nuxt/image@1.9.0`, `@nuxt/ui@2.21.0`, `@nuxthq/studio@2.2.1`, `@vueuse/nuxt@12.7.0`, `nuxt-og-image@4.1.4`, `@nuxtjs/i18n@9.2.1`, `nuxt-auth-sanctum@0.5.6`, `nuxt-laravel-echo@0.2.1`, `@nuxtjs/seo@2.2.0`\n- Build Modules: `-`\n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-i7bgngfx?file=app.vue\n\n### Description\n\nIf I place a USelectMenu inside a UModal that is being opened inside USlideover, I cannot focus the select menu's input.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2929,2930],{"name":2868,"color":2869},{"name":2931,"color":2932},"upstream","78bddb",3408,"USelectMenu inside UModal inside USlideover","2025-03-24T14:19:31Z","https://github.com/nuxt/ui/issues/3408",0.7552465,{"description":2939,"labels":2940,"number":2944,"owner":2877,"repository":2877,"state":2889,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Environment\n\nAny\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-apykxk?file=components%2Fdrawflow.vue\n\n### Describe the bug\n\n#menu-shouldnt-be-here populates with EditorMenu component\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2941],{"name":2942,"color":2943},"pending triage","E99695",29110,"Some strange behavior","2024-09-21T21:21:25Z","https://github.com/nuxt/nuxt/issues/29110",0.7571342,{"description":2950,"labels":2951,"number":2955,"owner":2877,"repository":2877,"state":2889,"title":2956,"updated_at":2957,"url":2958,"score":2959},"super bad bug but I am tired and don't feel like providing a reproduction.\r\n\r\npls fix asap",[2952],{"name":2953,"color":2954},"needs reproduction","FBCA04",26910,"this is a bug report","2024-04-23T16:28:57Z","https://github.com/nuxt/nuxt/issues/26910",0.75937563,{"description":2961,"labels":2962,"number":2967,"owner":2877,"repository":2877,"state":2889,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### Environment\n\ndev\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-hcptr4?file=utils%2Fhelper.js\n\n### Describe the bug\n\nThe dev server throw an error after updating any function in utils or composable folders.\r\nYou can reproduce it here: https://stackblitz.com/edit/nuxt-starter-hcptr4?file=utils%2Fhelper.js\n\n### Additional context\n\nhttps://stackblitz.com/edit/nuxt-starter-hcptr4?file=utils%2Fhelper.js\n\n### Logs\n\n_No response_",[2963,2966],{"name":2964,"color":2965},"3.x","29bc7f",{"name":2942,"color":2943},20997,"DEV SERVER ERROR - Afetr updating utils or composables","2023-05-22T09:47:18Z","https://github.com/nuxt/nuxt/issues/20997",0.7596796,{"description":2973,"labels":2974,"number":2979,"owner":2877,"repository":2878,"state":2889,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@9.0.0\r\n- Builder: -\r\n- User Config: app, runtimeConfig, stripe, devtools, modules, gtag, supabase, imports, i18n, colorMode, vue, vite\r\n- Runtime Modules: @nuxtjs/i18n@8.3.1, @nuxtjs/supabase@1.2.1, @nuxt/ui@2.15.2, nuxt-svgo@4.0.0, nuxt-lodash@2.5.3, nuxt-gtag@2.0.5, @nuxtjs/google-fonts@3.2.0, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxt/image@1.6.0, @vueuse/nuxt@10.9.0, @unlok-co/nuxt-stripe@3.0.0\r\n- Build Modules: -\r\n\r\n### Version\r\n\r\n2.15.2\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-pqemsg?file=app.vue\r\n\r\n### Description\r\n\r\nWeird behavior with modals on mobile devices(with tap event)\r\nWhen I have modal opened with `prevent-close` attr, I cannot click anything inside modal.\r\nIn element inspection I notice that `touch-action: auto;` adds to clicked elements.\r\n\r\nInitially I noticed this bug on my project.\r\nBy default I have modal opened on the page with prevent close attr, and when I opened another modal, on mobile devices the actions inside second modal were blocked.\r\nBut during creation of reproduction, I've noticed that button don't respond even in the first modal(on mobile device)\r\n\r\nI was able to fix it(in my project), by closing the first modal.\r\nBut it's weird because on desktops everything works fine\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2975,2976,2978],{"name":2868,"color":2869},{"name":2977,"color":2875},"wontfix-v2",{"name":2931,"color":2932},1746,"On mobile device can't click inside items of modal if multiple are open","2025-03-28T17:57:30Z","https://github.com/nuxt/ui/issues/1746",0.7606905,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOP_3H583vKRYxBUzEd4eKIitgCyiJp-kaCfhJmZ_WSk":-1},"/nuxt/nuxt.com/661"]