\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```",[3038,3039,3040],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4530,"[UInputTags, UInputMenu] Theming behaviour issues","2025-07-15T17:50:02Z","https://github.com/nuxt/ui/issues/4530",0.72997814,{"description":3047,"labels":3048,"number":3052,"owner":3028,"repository":3029,"state":3030,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.6\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.13\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.6\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/new-river-kn287t\n\n### Description\n\nI'm using sections in the NavigationMenu component ([like in this example](https://ui.nuxt.com/components/navigation-menu#highlight)) and a dropdown on both sides. When you hover over the first dropdown on any side, the first dropdown of both sections are shown overlaying each other at the position of the first dropdown. The same happens with the second dropdown on each side and so on.\nThe same issue occurs, when using multiple NavigationMenu components with dropdowns on the same page.\n\n### Additional context\n\n\u003Cimg width=\"446\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c552605a-1941-4e0d-9462-b2c5a018d8ae\" />\n\n### Logs\n\n```shell-script\n\n```",[3049,3050,3051],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4449,"Interfering Dropdown in `UNavigationMenu` component when using sections","2025-07-08T21:08:13Z","https://github.com/nuxt/ui/issues/4449",0.7384622,{"description":3058,"labels":3059,"number":3067,"owner":3028,"repository":3029,"state":3068,"title":3069,"updated_at":3070,"url":3071,"score":3072},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.12.2\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.5.2\r\n- Builder: -\r\n- User Config: devtools, ssr, modules, runtimeConfig, svgo, typescript, plugins, components, i18n, compatibilityDate\r\n- Runtime Modules: @nuxt/ui@2.17.0, @nuxtjs/eslint-module@4.1.0, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.1, @vueuse/nuxt@10.11.0, nuxt-svgo@4.0.1, @nuxtjs/i18n@8.3.1\r\n\r\n\r\n\r\n### Version\r\n\r\n2.18.4\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-hfyzym?file=app.vue\r\n\r\n### Description\r\n\r\nIf a popover is nested inside a popover for v-calendar it expands its parent popover\r\n\r\nyou could imagine it like this:\r\n---parent - popover\r\n------------child - popover with v-calendar inside\r\n\r\n\r\n\r\n### Additional context\r\n\r\nnested popover with v-calendar:\r\n\u003Cimg width=\"528\" alt=\"image\" src=\"https://github.com/user-attachments/assets/435970ac-b79e-4ad5-855d-3136a14d7ad8\">\r\n\r\nhow I'm expecting it to behave:\r\n\u003Cimg width=\"905\" alt=\"image\" src=\"https://github.com/user-attachments/assets/c4d3f5b4-85d2-40c4-bf2b-583542934599\">\r\n\r\nas you can see in the last image, It fixed my issue by adding a position fixed to the wrapper of that calendar\r\nwhere `class=\"z-50 group\"` is initialized.\r\n\r\nI tried adding `:ui=\"{ base: '!overflow-visible' }\"` to the parent popover but it didn't solve my issue.\r\n\r\n### Logs\r\n\r\n_No response_",[3060,3061,3062,3065],{"name":3019,"color":3020},{"name":3025,"color":3026},{"name":3063,"color":3064},"closed-by-bot","ededed",{"name":3066,"color":3064},"stale",2054,"closed","Nested popover causing to expand with vcalendar","2025-06-18T09:06:27Z","https://github.com/nuxt/ui/issues/2054",0.7208285,{"description":3074,"labels":3075,"number":3080,"owner":3028,"repository":3029,"state":3068,"title":3081,"updated_at":3082,"url":3083,"score":3084},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.2\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n\n### Version\n\nv2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-kt7kxa75?file=app.vue\n\n### Description\n\nThe position of the arrow of a tooltip which is used inside a popover appears in the wrong position if the `top` placement is used\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3076,3077,3078,3079],{"name":3019,"color":3020},{"name":3025,"color":3026},{"name":3063,"color":3064},{"name":3066,"color":3064},3164,"Bug on tooltip arrow position if inside a popover","2025-06-18T09:02:28Z","https://github.com/nuxt/ui/issues/3164",0.7289893,{"labels":3086,"number":3093,"owner":3028,"repository":3028,"state":3068,"title":3094,"updated_at":3095,"url":3096,"score":3097},[3087,3090],{"name":3088,"color":3089},"documentation","5319e7",{"name":3091,"color":3092},"3.x","29bc7f",11968,"docs: explain component name resolution","2023-01-19T16:03:39Z","https://github.com/nuxt/nuxt/issues/11968",0.7297396,{"description":3099,"labels":3100,"number":3104,"owner":3028,"repository":3029,"state":3068,"title":3105,"updated_at":3106,"url":3107,"score":3108},"### Environment\n\nnot needed\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\ncheck current docs: https://ui.nuxt.com/components/navigation-menu#content-orientation\n\n### Description\n\n\n\nThe dropdown is at wrong position... also the \"arrow\" prop doesnt work\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3101,3102,3103],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4073,"UNavigationMenu: Dropdown broken","2025-05-13T12:02:03Z","https://github.com/nuxt/ui/issues/4073",0.73159486,{"description":3110,"labels":3111,"number":3114,"owner":3028,"repository":3029,"state":3068,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\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\n.\n\n### Description\n\nHi\nWhen we use the arrow in the DropdownMenu component, a border is added to the last item. Apparently, this is because the arrow element is added at the end of the items groups in this component.\n\n\n\n\n\nI hope I was able to tell you what I meant. It's nothing special, but it would be great if it could be fixed. 🙄\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3112,3113],{"name":3019,"color":3020},{"name":3022,"color":3023},3315,"arrow causes appear border in the last item of DropdownMenu","2025-05-23T15:41:53Z","https://github.com/nuxt/ui/issues/3315",0.73544675,{"description":3120,"labels":3121,"number":3125,"owner":3028,"repository":3028,"state":3068,"title":3126,"updated_at":3127,"url":3128,"score":3129},"\u003C!--\r\n🚨 IMPORTANT 🚨\r\n\r\nPlease use the following link to create a new issue:\r\n\r\n- 🚨 Bug report - http://bug.nuxt.xyz/ \r\n- 🙋 Feature request - http://feature.nuxt.xyz/ \r\n- ❗️ All other issues - http://cmty.nuxt.xyz/ \r\n\r\nIf your issue was not created using the app above, **it will be closed immediately**.\r\n-->\r\nNow I use nuxtjs2 , but i don't know how to add polyfill for nuxtjs2\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7947\">#c7947\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3122],{"name":3123,"color":3124},"2.x","d4c5f9",4085,"How to add polyfill for nuxtjs2","2023-01-18T20:03:53Z","https://github.com/nuxt/nuxt/issues/4085",0.7355085,{"description":3131,"labels":3132,"number":3136,"owner":3028,"repository":3029,"state":3068,"title":3137,"updated_at":3138,"url":3139,"score":3140},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nHello, i want to implement top bar or banner like in nuxt pager or in ui.nuxt.com, but the popover in UHeader is wrong positioned, i've copy pasted banner code from docs.\n\nIn nuxt.com doesn't happen\n\n\n\n\nhttps://github.com/user-attachments/assets/a0993642-3854-4f66-a7ae-c93c6f17df09\n\n\nTopBaner.vue\n\n```vue\n\u003Cdiv\n class=\"relative bg-primary hover:bg-primary/90 transition-[background] backdrop-blur z-50 app-banner\"\n >\n \u003CUContainer class=\"py-2\">\n \u003CNuxtLink\n v-if=\"to\"\n :to=\"to\"\n target=\"_blank\"\n class=\"focus:outline-none\"\n aria-label=\"Nuxt UI Pro pricing\"\n tabindex=\"-1\"\n >\n \u003Cspan class=\"absolute inset-0\" aria-hidden=\"true\" />\n \u003C/NuxtLink>\n\n \u003Cdiv class=\"flex items-center justify-between gap-2\">\n \u003Cdiv class=\"lg:flex-1 hidden lg:flex items-center\" />\n\n \u003Cp class=\"text-sm font-medium text-white dark:text-gray-900 truncate\">\n \u003CUIcon\n name=\"i-heroicons-rocket-launch\"\n class=\"w-5 h-5 align-top flex-shrink-0 pointer-events-none mr-2\"\n />\n \u003Cspan class=\"font-semibold\">Nuxt UI v3-alpha\u003C/span> has been released!\n \u003C/p>\n\n \u003CUButton\n to=\"https://ui3.nuxt.dev\"\n target=\"_blank\"\n label=\"Try it out\"\n color=\"black\"\n variant=\"solid\"\n size=\"2xs\"\n trailing-icon=\"i-heroicons-arrow-right-20-solid\"\n />\n\n \u003Cdiv class=\"flex items-center justify-end lg:flex-1\">\n \u003Cbutton\n class=\"p-1.5 rounded-md inline-flex hover:bg-primary/90\"\n aria-label=\"Close banner\"\n @click.prevent=\"hideBanner\"\n >\n \u003CUIcon\n name=\"i-heroicons-x-mark-20-solid\"\n class=\"w-5 h-5 text-white dark:text-gray-900\"\n />\n \u003C/button>\n \u003C/div>\n \u003C/div>\n \u003C/UContainer>\n \u003C/div>\n```\n\n\nTheMenu.vue\n```vue\n\u003CUHeader :links=\"links\" :to=\"localePath('/')\">\n \u003Ctemplate #logo>\n \u003CClientOnly>\n \u003CTheLogo width=\"144\" height=\"36\" />\n \u003C/ClientOnly>\n \u003C/template>\n\n \u003Ctemplate #right>\n \u003CUButton\n....\n```\nlayout.vue\n```vue\n\u003CHtml :lang=\"i18nHead.htmlAttrs.lang\" :dir=\"i18nHead.htmlAttrs.dir\">\n \u003CHead>\n \u003CTitle>{{ title }}\u003C/Title>\n \u003Ctemplate v-for=\"link in links\" :key=\"link.id\">\n \u003CLink\n :id=\"link.id\"\n :rel=\"link.rel\"\n :href=\"link.href\"\n :hreflang=\"link.hreflang\"\n />\n \u003C/template>\n \u003Ctemplate v-for=\"meta in metaTags\" :key=\"meta.id\">\n \u003CMeta\n :id=\"meta?.id ?? undefined\"\n :property=\"meta.property\"\n :content=\"meta.content\"\n :name=\"meta.name\"\n />\n \u003C/template>\n \u003C/Head>\n \u003CBody>\n \u003Cdiv class=\"bg-white dark:bg-gray-900 min-h-screen\">\n \u003CTopBar />\n \u003CTheMenu />\n \u003CUMain>\n \u003Cslot />\n \u003C/UMain>\n \u003CProModal />\n \u003CTheFooter />\n \u003C/div>\n \u003C/Body>\n \u003C/Html>\n```",[3133],{"name":3134,"color":3135},"question","d876e3",2508,"How to implement banner like docs page and nuxt page?","2024-11-01T21:28:40Z","https://github.com/nuxt/ui/issues/2508",0.73674774,["Reactive",3142],{},["Set"],["ShallowReactive",3145],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMPaLGGUFgL9ZKvTUt4N8x5EvSXIX_-UrgloItzwhz64":-1},"/nuxt/ui/2502"]