\n```\n\n### Will results something like this\n```html\n\u003Cdiv class=\"... root-test base-test\">\n ...\n \u003Cinput class=\"...\" />\n\u003C/div>\n```\n\n### Description\n\nWhen applying themes in `app.config.ts`, both **UInputTags** and **UInputMenu (multiple)** share the same weird behaviour compared with other components, where the class applied to `base` part of the component are applied to `root` part of the component.\n\n### Expected Behaviour\nThe applied class on `base` should be applied to the `\u003Cinput />`, not the `root` part of the component which is the outer `\u003Cdiv />` just like other input components such as **UInput**, **UInputNumber**, or **UTextarea**.\n\nCorrect me if I'm wrong if this are intended, thank you!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3039,3040,3041],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4530,"[UInputTags, UInputMenu] Theming behaviour issues","2025-07-15T17:50:02Z","https://github.com/nuxt/ui/issues/4530",0.6983395,{"description":3048,"labels":3049,"number":3053,"owner":3029,"repository":3030,"state":3054,"title":3055,"updated_at":3056,"url":3057,"score":3058},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.1`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.11`\n- Package Manager: `pnpm@10.7.0`\n- Builder: `-`\n- User Config: `modules`, `devtools`, `css`, `mdc`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `vite`, `echo`, `eslint`, `i18n`, `sanctum`\n- Runtime Modules: `@nuxt/eslint@1.3.0`, `@nuxt/ui-pro@3.1.1`, `@nuxt/content@3.5.1`, `@vueuse/nuxt@13.1.0`, `nuxt-auth-sanctum@0.5.8`, `@nuxtjs/i18n@9.3.1`, `nuxt-laravel-echo@0.2.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/table#loading\n\n### Description\n\nOn Safari, the border of the table is not visible/moved to the bottom.\n\nThis leaves the loading-indicator to be moved to the bottom.\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3050,3051,3052],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4180,"closed","Border on table header not shown on safari, loading indicator not on the top","2025-06-24T15:09:06Z","https://github.com/nuxt/ui/issues/4180",0.67261845,{"description":3060,"labels":3061,"number":3069,"owner":3029,"repository":3030,"state":3054,"title":3070,"updated_at":3071,"url":3072,"score":3073},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.17.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/test-utils/module@3.14.4, @nuxt/eslint@0.7.1, @nuxt/ui@2.20.0, @nuxt/icon@1.8.2, @pinia/nuxt@0.5.5, @nuxtjs/i18n@9.1.0\n- Build Modules: -\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/blob/c0455c831f06b3f7662c964abe6e36f9221afe48/src/runtime/components/data/Table.vue#L11\n\n### Description\n\nFor some reason (probably just typo mistake) `th` element of `u-table` component uses styles from `tr.base`. Is it a feature? Looks like a bug :)\nhttps://github.com/nuxt/ui/blob/c0455c831f06b3f7662c964abe6e36f9221afe48/src/runtime/components/data/Table.vue#L11\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3062,3063,3064,3067],{"name":3020,"color":3021},{"name":3026,"color":3027},{"name":3065,"color":3066},"closed-by-bot","ededed",{"name":3068,"color":3066},"stale",2946,"Expand table header uses styles from 'ui.tr.base'","2025-06-18T09:05:12Z","https://github.com/nuxt/ui/issues/2946",0.6813572,{"description":3075,"labels":3076,"number":3086,"owner":3029,"repository":3029,"state":3054,"title":3087,"updated_at":3088,"url":3089,"score":3090},"### Environment\n\nNuxt project info: 9:02:58 AM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.18.0\n- Nuxt Version: 3.13.0\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.12.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.2, @nuxtjs/color-mode@3.5.2, @nuxt/icon@1.7.2, @nuxt/image@1.8.1, @nuxtjs/google-fonts@3.2.0, @nuxtjs/i18n@8.5.6, @pinia/nuxt@0.5.5, pinia-plugin-persistedstate/nuxt\n- Build Modules: -\n\n### Reproduction\n\ni am absolutely sure that the issue is obvious\n\n### Describe the bug\n\nWhen using `Nuxt 3.14` with `i18n` , layout rendering breaks unexpectedly in RTL mode or the prefix strategy i am not sure i tested it while working with `en` as default and `ar` with `RTL` as second language with `prefix_except_default` strategy. \n\ni am using a default and auth layouts\nwhen changing the language or the url manually from `http://localhost:3000/login` to `http://localhost:3000/ar/login`\nthe layout falls back to the `default` layout.\n\neverything else works fine with the default layout\n\nDowngrading to `Nuxt 3.13` resolves the issue.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3077,3080,3083],{"name":3078,"color":3079},"pending triage","E99695",{"name":3081,"color":3082},"needs reproduction","FBCA04",{"name":3084,"color":3085},"possible regression","B90A42",29875,"Nuxt 3.14 Layout Issue: i18n Integration Causes Layout Fallback","2025-01-25T15:39:26Z","https://github.com/nuxt/nuxt/issues/29875",0.68566346,{"description":3092,"labels":3093,"number":3096,"owner":3029,"repository":3030,"state":3054,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### Environment\n\n\"@vueuse/nuxt\": \"^13.1.0\"\n\"@nuxt/ui\": \"^3.1.2\"\nnode: lts/jod (22.11.0)\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\n\n\n\n\n### Description\n\nWhen using the UTab component with the variant=\"link\", applying custom CSS classes to enable horizontal scrolling (e.g., overflow-x: auto; or equivalent utility classes) causes the visual style indicating the currently active tab to be lost or overridden.\n\n```js\n{\n variant: 'link',\n ui: {\n list: 'bg-white overflow-x-auto overflow-y-hidden',\n trigger: 'min-w-auto'\n }\n}\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3094,3095],{"name":3020,"color":3021},{"name":3023,"color":3024},4198,"UTabs style issue","2025-05-23T13:23:24Z","https://github.com/nuxt/ui/issues/4198",0.6887832,{"description":3102,"labels":3103,"number":3108,"owner":3029,"repository":3029,"state":3054,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### Environment\n\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v19.0.1`\r\n- Nuxt Version: `3.2.3`\r\n- Nitro Version: `2.2.3`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `plugins`, `modules`, `alias`, `css`, `vite`, `vue`, `i18n`, `content`, `imports`, `runtimeConfig`\r\n- Runtime Modules: `@nuxtjs/i18n@8.0.0-beta.9`, `@nuxt/content@2.4.3`, `nuxt-icons@3.1.0`, `@vueuse/nuxt@9.12.0`, `modules/theme/module.ts`, `modules/noscript/module.ts`, `modules/components-globalized/module.ts`, `@nuxtjs/robots@3.0.0`, `nuxt-simple-sitemap@1.0.6`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-zg6e6i?file=app.vue\n\n### Describe the bug\n\nWhen nesting `\u003Ca>` tags, server will render incorrectly, however client render correctly.\r\n\r\nFor example:\r\n```html\r\n\u003Ca style=\"display: block;\">\r\n foo\r\n \u003Ca>bar\u003C/a>\r\n\u003C/a>\r\n```\r\n\r\nserver rendered:\r\n```html\r\n\u003Ca style=\"display: block;\"> foo \u003C/a>\r\n\u003Ca>bar\u003C/a>\r\n```\r\n\r\nRefresh the page, and you'll see it instantly displayed as\r\n```\r\nfoo\r\nbar\r\n```\r\n\r\nAfter the page loaded, it will display correctly\r\n```\r\nfoo bar\r\n```\r\n\r\nIf the actual page layout is more complex, this may even lead to page layout disorder.\n\n### Additional context\n\nMake a card link component, click the card to navigate to one link, click a text on the card to navigate to another link. Due to this bug, this will make it difficult to do.\n\n### Logs\n\n_No response_",[3104,3107],{"name":3105,"color":3106},"3.x","29bc7f",{"name":3078,"color":3079},19413,"Server render incorrectly when nesting `\u003Ca>` tags","2023-03-03T09:57:07Z","https://github.com/nuxt/nuxt/issues/19413",0.6916644,{"description":3114,"labels":3115,"number":3119,"owner":3029,"repository":3029,"state":3054,"title":3120,"updated_at":3121,"url":3122,"score":3123},"### Environment\n\nNuxt project info: 16:07:28\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v16.16.0\r\n- Nuxt Version: 3.6.5\r\n- Nitro Version: 2.5.2\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: imports, image, runtimeConfig, app, css, typescript, modules, vueuse, colorMode, vite, elementPlus\r\n- Runtime Modules: @vueuse/nuxt@10.3.0, @pinia/nuxt@0.4.11, @element-plus/nuxt@1.0.5, @nuxtjs/color-mode@3.3.0, @nuxtjs/color-mode@3.3.0, @unocss/nuxt@0.55.1, @nuxt/image@1.0.0-rc.1\r\n- Build Modules: -\n\n### Reproduction\n\nnot\n\n### Describe the bug\n\n我使用ul -li 标签,对li标签进行v-for循环渲染,渲染数据是来自lazy请求,刷新页面这时候浏览器提示\r\n```js\r\nHydration children mismatch in \u003Cul>: server rendered element contains more child nodes than client vdom. \r\n```\r\n我查看服务端和客户端都成功拿到了数据。我认为问题的关键在于lazy请求没有拿到数据时,页面先在服务端渲染并返回客户端了。我尝试给ul的父元素添加v-if,如果数据没拿到,pending为true时不渲染,但很遗憾,并没有解决问题,仍然提示我。\r\n我只能用client only /request api serve:false解决。我想知道更好的解决放阿飞\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3116,3117,3118],{"name":3105,"color":3106},{"name":3078,"color":3079},{"name":3081,"color":3082},22736,"[bug]Hydration children mismatch in \u003Cul>: server rendered element contains more child nodes than client vdom. ","2023-12-05T10:13:12Z","https://github.com/nuxt/nuxt/issues/22736",0.693576,{"labels":3125,"number":3128,"owner":3029,"repository":3029,"state":3054,"title":3129,"updated_at":3130,"url":3131,"score":3132},[3126,3127],{"name":3105,"color":3106},{"name":3078,"color":3079},13285,"Page layout not working as intended","2023-01-19T16:51:10Z","https://github.com/nuxt/nuxt/issues/13285",0.69517946,{"description":3134,"labels":3135,"number":3139,"owner":3029,"repository":3030,"state":3054,"title":3140,"updated_at":3141,"url":3142,"score":3143},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: hooks, app, runtimeConfig, supabase, routeRules, sitemap, site, compatibilityDate, devtools, modules, css, ui\n- Runtime Modules: @nuxt/ui@3.1.2, @pinia/nuxt@0.11.0, @nuxtjs/supabase@1.5.1, @nuxtjs/seo@3.0.3, @storyblok/nuxt@6.2.4\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.2\n\n### Reproduction\n\nchange the border color(I assume should be this variable: --ui-border) in your project to red or blue and check if this color is applied when using only the classes: `border` or `border-b` without specifying the color.\n\n### Description\n\nI want to set the default border color, by default is very dark.\n\nI found that `--ui-border` variable is not used in the border style, maybe I could be wrong.\n\n\u003Cimg width=\"374\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7f25806c-f5ea-43a1-a2a3-095d71448d43\" />\n\nthis is how the borders are styled in my case, no `--ui-border`\n\n\u003Cimg width=\"542\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6bb3138e-36e5-46cb-9930-92b608811fe0\" />\n\n\u003Cimg width=\"515\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/16ad3bc6-a8a9-4391-a0c5-542ff3f58121\" />\n\nplease help, \n\nthank you\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3136,3137,3138],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4218,"Can't set the default border color","2025-05-26T08:34:37Z","https://github.com/nuxt/ui/issues/4218",0.69703305,["Reactive",3145],{},["Set"],["ShallowReactive",3148],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fK4O8JwRdKbQKUvYQDWxGkEVhsTogCBsE64MJGt5yT-Q":-1},"/nuxt/ui/4190"]