\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```",[3134,3137,3140],{"name":3135,"color":3136},"bug","d73a4a",{"name":3138,"color":3139},"v3","49DCB8",{"name":3141,"color":3142},"triage","ffffff",4530,"nuxt","ui","open","[UInputTags, UInputMenu] Theming behaviour issues","2025-07-15T17:50:02Z","https://github.com/nuxt/ui/issues/4530",0.68244666,{"description":3152,"labels":3153,"number":3157,"owner":3144,"repository":3145,"state":3158,"title":3159,"updated_at":3160,"url":3161,"score":3162},"### Environment\n\n------------------------------\n- Operating System: Windows_NT \n- Node Version: v22.16.0 \n- Nuxt Version: 4.0.2 \n- CLI Version: 3.27.0 \n- Nitro Version: 2.12.4 \n- Package Manager: pnpm@10.14.0 \n- Builder: - \n- User Config: devtools, modules, css, compatibilityDate, ssr, devServer, vite, app \n- Runtime Modules: @nuxt/ui@3.3.0, nuxt-auth-utils@0.5.22, @vueuse/nuxt@13.6.0, @nuxt/image@1.11.0, @nuxt/icon@1.15.0, @nuxt/fonts@0.11.4, @nuxtjs/i18n@10.0.3, @nuxt/scripts@0.11.10 \n- Build Modules: - \n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\n1. Try to style the Command Palette components according to my config and slot config.\n2. See the Command Palette Item styles not being applied\n\n### Description\n\n\n\nI'm trying to change the background and the text of the command palette items when they're highlighted. Below is my `app.config.ts` that tries to change background and text (which doesn't work.)\n\n```ts [app.config.ts]\nexport default defineAppConfig({\n // https://ui3.nuxt.dev/getting-started/theme#design-system\n ui: {\n colors: {\n primary: 'rose',\n neutral: 'zinc',\n },\n commandPalette: {\n variants: {\n active: {\n true: {\n item: 'before:bg-primary text-inverted',\n itemLeadingIcon: 'text-primary'\n }\n }\n }\n }\n }\n})\n```\n\nI've also tried using the `ui` slot on the component as well, which also did not work:\n\n```vue\n\u003CUCommandPalette\n :ui=\"{\n root: 'h-screen! u-command-palette',\n content: 'h-full',\n empty: 'p-0 h-full',\n item: 'data-highlighted:bg-primary rounded-md text-primary! data-highlighted:text-primary!',\n itemLabel: 'text-primary data-highlighted:text-primary!'\n }\"\n\u003C!-- some additional props i'm going to ignore here -->\n >\n\u003C!-- most of the other stuff -->\n\n// the u-command-palette class is empty. its there so I can query it using the doc selector\n```\n\nEven when I try to style the text just to the primary color without it being highlighted, it fails. I'm not sure why it's not working.\n\nIn addition to that, and I'm not sure whether this is intended behavior, when I use the `item` property in the `ui` slot, it seems to unstyle its rounded corners for some... weird reason. Not sure why.\n\nHere's the source code: https://github.com/CTRL-Neo-Studios/cubit/blob/dev/app/components/Cubit/Layout/Module/CubitModuleNavigationLayout.vue\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3154,3155,3156],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},4651,"closed","Command Palette UI Theme Not Overriden in Config","2025-08-04T16:52:06Z","https://github.com/nuxt/ui/issues/4651",0.66497475,{"description":3164,"labels":3165,"number":3169,"owner":3144,"repository":3145,"state":3158,"title":3170,"updated_at":3171,"url":3172,"score":3173},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.11.0`\n- Nuxt Version: `3.17.0`\n- CLI Version: `3.25.0`\n- Nitro Version: `2.11.11`\n- Package Manager: `pnpm@10.4.0`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modern-dust-h3lryc\n\n### Description\n\nHey, after upgrading to latest `@nuxt/ui`, custom Nuxt UI variable overrides stopped working. Looks like the correct colors are not generating.\n\nThis has worked in the previous versions:\n\n```\n:root {\n --ui-bg-elevated: var(--ui-color-neutral-500);\n}\n\nmain {\n --ui-bg-elevated: var(--color-white);\n}\n\n// Should have color --ui-color-neutral-500 with 0.5 opacity - CORRECT\n\u003Cdiv class=\"p-8 flex items-center gap-2 bg-elevated/50\">\n\u003C/div>\n\n// Should have color --color-white with 0.5 opacity - NOT WORKING - has colors from :root\n\u003Cmain class=\"p-8 flex items-center gap-2 bg-elevated/50\">\n\u003C/main>\n```\n\nCurrently, the variables in main have no effect on the sites.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3166,3167,3168],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},4018,"Overriding root variables stopped working in 3.1.0","2025-04-29T12:40:17Z","https://github.com/nuxt/ui/issues/4018",0.6722466,{"description":3175,"labels":3176,"number":3179,"owner":3144,"repository":3145,"state":3158,"title":3180,"updated_at":3181,"url":3182,"score":3183},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.1\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: app, build, colorMode, compatibilityDate, debug, devtools, fonts, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite\n- Runtime Modules: @nuxt/eslint@1.3.0, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, @nuxtjs/i18n@9.5.3, nuxt-security@2.2.0, @nuxt/ui@3.1.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/epic-smoke-95wysw?file=%2Fapp%2Fpages%2Findex.vue\n\n### Description\n\nUsing the `@update:model-value` event handler produces type errors with the Select component, starting from nuxt-ui v3.1.0 (v3.0.2 works fine).\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nType 'boolean | AcceptableValue | undefined' is not assignable to type '\"yes\" | \"no\"'.\n Type 'undefined' is not assignable to type '\"yes\" | \"no\"'.ts-plugin(2322)\n```",[3177,3178],{"name":3135,"color":3136},{"name":3138,"color":3139},4019,"Type Issue with Select Component","2025-04-29T15:39:56Z","https://github.com/nuxt/ui/issues/4019",0.6728223,{"description":3185,"labels":3186,"number":3190,"owner":3144,"repository":3145,"state":3158,"title":3191,"updated_at":3192,"url":3193,"score":3194},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, runtimeConfig, app, css, ui, icon, i18n, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.1.0, @nuxt/eslint@1.3.0, @nuxtjs/device@3.2.4, @nuxtjs/i18n@9.5.3, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, nuxt-lodash@2.5.3\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/vigorous-cerf-pnrc3g\n\n// app.config.ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: 'emerald',\n neutral: 'zinc',\n red: 'red',\n orange: 'orange',\n yellow: 'yellow',\n green: 'green',\n blue: 'blue',\n purple: 'purple',\n gray: 'gray',\n },\n }\n}\n\n// nuxt.config.ts\n\nui: {\n theme: {\n colors: [ 'primary', 'secondary', 'success', 'info', 'warning', 'error', 'red', 'orange', 'yellow', 'green', 'blue', 'purple', 'gray' ],\n },\n },\n\n### Description\n\nYesterday everything was working fine, no code was changed, after the upgrade it broke.\nFor example:\n```html\n\u003Cdiv class=\"bg-(--ui-orange)\">\n```\nOr\n```html\n\u003Cdiv class=\"bg-orange\">\n```\nBoth not work\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3187,3188,3189],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},3977,"Extend colors not work after update to v3.1","2025-04-28T10:40:09Z","https://github.com/nuxt/ui/issues/3977",0.67337793,{"description":3196,"labels":3197,"number":3204,"owner":3144,"repository":3144,"state":3158,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Environment\n\n Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.7.0\r\n- CLI Version: 3.7.3\r\n- Nitro Version: 2.6.2\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: postcss\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-bwp29t?file=nuxt.config.ts,components%2FList.vue,pages%2Findex.vue\n\n### Describe the bug\n\nCss combinators like for example > and & do not seem to be applied to slotted components but they are for non slotted components (see stackblitz example). This used to work fine in Nuxt 2 but is a regression in Nuxt 3\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3198,3201],{"name":3199,"color":3200},"3.x","29bc7f",{"name":3202,"color":3203},"pending triage","E99695",22946,"Css combinators not working on slotted components","2023-09-01T12:29:31Z","https://github.com/nuxt/nuxt/issues/22946",0.6750964,{"description":3210,"labels":3211,"number":3215,"owner":3144,"repository":3145,"state":3158,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### Environment\n\nWindows 11,\nNode v20.19.0\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.12\n\n### Reproduction\n\ntabs: {\n slots: {\n root: 'flex items-center gap-2',\n list: 'relative **flex-none** p-1 px-0 group',\n indicator: 'absolute transition-[translate,width] duration-200',\n trigger: [\n 'group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75',\n 'transition-colors'\n ],\n content: 'focus:outline-none w-full',\n leadingIcon: 'shrink-0',\n leadingAvatar: 'shrink-0',\n leadingAvatarSize: '',\n label: 'truncate'\n },\n\n### Description\n\nFor me it's working great with Nuxt UI to overwrite \"normal\" styles in the app.config.ts, but if I try to overwrite the component standard flex with flex-none it's not working, it is still flex. Any ideas how to solve or is it a bug?\n\nThanks\n\nChristoph \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3212,3213,3214],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},4156,"UTabs cannot overwrite flex to flex-none","2025-05-15T15:32:49Z","https://github.com/nuxt/ui/issues/4156",0.67886835,{"description":3221,"labels":3222,"number":3228,"owner":3144,"repository":3145,"state":3158,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.5`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `srcDir`, `routeRules`, `app`, `svgSprite`, `alias`, `css`, `imports`, `modules`, `ssr`, `runtimeConfig`\n- Runtime Modules: `@nuxt/eslint@1.4.1`, `@nuxt/fonts@0.11.4`, `@nuxt/icon@1.14.0`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.8`, `@nuxt/test-utils@3.19.1`, `@nuxt/ui@3.1.3`, `@nuxtjs/svg-sprite@1.0.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\n\nNuxt\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/dreamy-euler-9595k7\n\n\n### Description\n\n\n\nHi when i select copy payment id i got that error when i console log the row it gives me undefined upon clicking kindly check this link: https://ui.nuxt.com/components/table#with-context-menu\n\n#4259 \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3223,3224,3227],{"name":3135,"color":3136},{"name":3225,"color":3226},"needs reproduction","CB47CF",{"name":3138,"color":3139},4452,"UTable context menu error during selection of items","2025-07-13T16:34:46Z","https://github.com/nuxt/ui/issues/4452",0.68006694,{"description":3234,"labels":3235,"number":3238,"owner":3144,"repository":3145,"state":3158,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.16.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: bun@1.2.13\n- Builder: -\n- User Config: devtools, css, modules, runtimeConfig, compatibilityDate, i18n, auth, sourcemap\n- Runtime Modules: @nuxt/ui@3.1.3, @sidebase/nuxt-auth@0.10.1, @nuxtjs/i18n@9.5.5, @nuxt/image@1.10.0\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\nNuxt UI 3: https://codesandbox.io/p/devbox/winter-cherry-2pwhgv\nNuxt UI 2: https://stackblitz.com/edit/nuxt-ui-w6xry7tp?file=app.vue\n\n### Description\n\nI'm migrating my app from Nuxt UI 2 to 3. This is a regression in the Nuxt UI 3 version.\n\nIf this isn't possible, can we have a tooltip or something?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3236,3237],{"name":3135,"color":3136},{"name":3138,"color":3139},4300,"Select should expand to item's full width or at least allow showing it","2025-06-11T09:09:13Z","https://github.com/nuxt/ui/issues/4300",0.68010336,{"description":3244,"labels":3245,"number":3252,"owner":3144,"repository":3145,"state":3158,"title":3253,"updated_at":3254,"url":3255,"score":3256},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.9.0\n- Nuxt Version: 3.15.3\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.13.1\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @vee-validate/nuxt@4.15.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/arpadgabor/nuxt-ui-3-bug\n\nIn case the above link does not work, here is the repo: https://github.com/arpadgabor/nuxt-ui-3-bug\n\n### Description\n\nWhen using the Select and SelectMenu components with vee-validate, especially when there are multiple fields involved, there is a very weird behaviour. Selection does not work correctly, cannot close the dropdown, etc. I've added a recording as well (I keep clicking outside and on the menu options).\n\nhttps://github.com/user-attachments/assets/bc8aa97c-377c-4f57-ab7d-55929f30d97c\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3246,3247,3248,3249],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3250,"color":3251},"stale","ededed",3194,"[Select] Buggy behaviour of Select fields when used with vee-validate","2025-06-12T15:32:10Z","https://github.com/nuxt/ui/issues/3194",0.6815315,["Reactive",3258],{},["Set"],["ShallowReactive",3261],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fVhhecBw1o1N1F_lORe4cgypImZg3fAwffZ4rJScZnAk":-1},"/nuxt/ui/4891"]