\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```",[3115,3116,3117],{"name":3074,"color":3075},{"name":3077,"color":3078},{"name":3080,"color":3081},4530,"[UInputTags, UInputMenu] Theming behaviour issues","2025-07-15T17:50:02Z","https://github.com/nuxt/ui/issues/4530",0.71080774,{"description":3124,"labels":3125,"number":3129,"owner":3083,"repository":3084,"state":3085,"title":3130,"updated_at":3131,"url":3132,"score":3133},"### Environment\n\n- Operating System: Darwin\n- Node Version: v24.2.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@11.3.0\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, app, nitro, runtimeConfig\n- Runtime Modules: @nuxt/eslint@1.4.1, @nuxt/ui@3.1.3\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\nYou can reproduce it directly in the official documentation, please refer to the screen recording for details\n\n### Description\n\nWhen the Tooltip is triggered, after a large scroll of the page, all Tooltips on the page will no longer be triggered\n\nI am using a laptop and touchpad, and I am not sure if the mouse will have this issue at the moment\n\n### Additional context\n\nhttps://github.com/user-attachments/assets/81ff1e8a-24ca-48d2-aa6b-d02ed0dab9f9\n\n### Logs\n\n```shell-script\n\n```",[3126,3127,3128],{"name":3074,"color":3075},{"name":3077,"color":3078},{"name":3080,"color":3081},4378,"Tooltip cannot be triggered again after page scrolling","2025-06-20T13:44:12Z","https://github.com/nuxt/ui/issues/4378",0.71254677,{"description":3135,"labels":3136,"number":3142,"owner":3083,"repository":3084,"state":3143,"title":3144,"updated_at":3145,"url":3146,"score":3147},"### Environment\n\n- Operating System: `Darwin`\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: `pnpm@10.11.1`\n- Builder: `-`\n- User Config: `ssr`, `devtools`, `modules`, `css`, `app`, `runtimeConfig`, `i18n`, `icon`, `devServer`, `colorMode`, `compatibilityDate`, `future`, `typescript`, `vite`\n- Runtime Modules: `@nuxt/ui@3.0.1`, `@pinia/nuxt@0.5.5`, `@nuxt/eslint@0.5.7`, `@nuxtjs/i18n@9.5.5`, `@nuxtjs/device@3.2.4`, `@nuxt/image@1.10.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-n3sxks\n\n### Description\n\nWhen using `USwitch` inside `UTooltip` switch toggle just disappears. You can check reproduction link.\n```vue\n\u003CUTooltip text=\"Just a tooltip\">\n \u003CUSwitch label=\"Just a switch\" />\n\u003C/UTooltip>\n```\n\n\u003Cimg width=\"127\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/5dbcfef5-a4c4-4ec4-b2f3-611212f75c68\" />\n\n### Additional context\n\nWrapping `USwitch` to `div` for example solves issue\n```vue\n \u003CUTooltip text=\"Just a tooltip\">\n \u003Cdiv>\n \u003CUSwitch label=\"'Hackish'\" />\n \u003C/div>\n \u003C/UTooltip>\n```\n\n### Logs\n\n```shell-script\n\n```",[3137,3138,3141],{"name":3074,"color":3075},{"name":3139,"color":3140},"duplicate","cfd3d7",{"name":3077,"color":3078},4333,"closed","USwitch not working inside UTooltip","2025-06-12T13:42:09Z","https://github.com/nuxt/ui/issues/4333",0.63066244,{"description":3149,"labels":3150,"number":3159,"owner":3083,"repository":3084,"state":3143,"title":3160,"updated_at":3161,"url":3162,"score":3163},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@10.5.2\n- Builder: -\n- User Config: devtools, css, colorMode, modules, imports, nitro, lodash, icon, components, ssr, $production, runtimeConfig, compatibilityDate\n- Runtime Modules: @nuxt/ui-pro@3.1.3, @pinia/nuxt@0.5.5, nuxt-lodash@2.5.3\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.17.5\n\n### Reproduction\n\nUTooltip occasionally does not display\n\n### Description\n\nUTooltip occasionally does not display\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3151,3152,3155,3156],{"name":3074,"color":3075},{"name":3153,"color":3154},"needs reproduction","CB47CF",{"name":3077,"color":3078},{"name":3157,"color":3158},"closed-by-bot","ededed",4408,"UTooltip occasionally does not display","2025-07-05T02:13:30Z","https://github.com/nuxt/ui/issues/4408",0.6785465,{"description":3165,"labels":3166,"number":3171,"owner":3083,"repository":3084,"state":3143,"title":3172,"updated_at":3173,"url":3174,"score":3175},"### Environment\n\nOperating System: `Darwin`\nNode Version: `v22.1.0`\nNuxt Version: `3.16.2`\nCLI Version: `3.24.0`\nNitro Version: `2.11.8`\nPackage Manager: `yarn@4.7.0`\nBuilder: `-`\nUser Config: `ssr: false`\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\n-\n\n### Description\n\n**App.vue**\n```\n\u003Ctemplate>\n \u003CUApp :toaster=\"{ position: 'top-right', expand: true }\"\n :tooltip=\"{ delayDuration: 150, skipDelayDuration: 100 }\">\n \u003CNuxtLayout>\n \u003CRouterView />\n \u003C/NuxtLayout>\n \u003C/UApp>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nimport {TooltipProviderProps} from \"reka-ui\";\n\nconst tooltipProps : TooltipProviderProps = {\n delayDuration: 700,\n skipDelayDuration: 300,\n disableHoverableContent: false,\n disableClosingTrigger: false,\n disabled: false,\n ignoreNonKeyboardFocus: false,\n}\n\u003C/script>\n```\n**nuxt.config.ts**\n```\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n ssr: false,\n srcDir: 'src',\n devtools: { enabled: true },\n modules: [\n '@nuxt/ui',\n '@pinia/nuxt',\n '@nuxt/image',\n 'nuxt-icons',\n '@nuxtjs/i18n',\n ],\n css: ['~/assets/css/main.css']\n})\n```\nI found that when Nuxt3 SSR is set to false, the tooltip and toast do not display, and the tooltip also reports an error of 500\n\nInjection `Symbol(TooltipProviderContext)` not found. Component must be used within `TooltipProvider`\n\nI hope to find a solution.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3167,3168,3169,3170],{"name":3074,"color":3075},{"name":3153,"color":3154},{"name":3077,"color":3078},{"name":3080,"color":3081},3932,"Nuxt3 SSR is set to false, the tooltip and toast become invalid","2025-04-30T13:24:47Z","https://github.com/nuxt/ui/issues/3932",0.69014,{"description":3177,"labels":3178,"number":3182,"owner":3083,"repository":3084,"state":3143,"title":3183,"updated_at":3184,"url":3185,"score":3186},"### Environment\n\n- Operating System: `Windows 11`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.3`\n- Nitro Version: `2.11.12`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.3\n\n### Reproduction\n\n[https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks](https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks)\n\n### Description\n\nHi,\nI've noticed an issue when using backdrop-blur on components that include an arrow (such as DropdownMenu). When the backdrop-blur utility is applied to the background, the arrow becomes hidden or invisible. However, once I remove the backdrop-blur, the arrow displays correctly again.\n\nCould you please look into this? I'm currently using Nuxt UI Pro in development.\n\nUPADTE:\nIt seems that this issue only occurs with the DropdownMenu component.\n\n### Additional context\n\nMy ui config:\n```\ndropdownMenu: {\n slots: {\n content: 'dropdown min-w-32 bg-(--ui-dropdown-bg)/75 backdrop-blur-sm border border-(--ui-dropdown-border) shadow-lg shadow-(--ui-shadow) rounded-[calc(var(--ui-radius)*1.5)] ring ring-(--ui-dropdown-border) divide-y divide-(--ui-dropdown-separator) overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',\n arrow: 'fill-(--ui-dropdown-border)',\n group: 'p-1 isolate',\n label: 'w-full flex items-center font-semibold text-(--ui-text-highlighted)',\n separator: '-mx-1 my-1 h-px bg-(--ui-dropdown-separator)',\n item: 'relative w-full cursor-pointer flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-[calc(var(--ui-radius)*1.5)] data-disabled:cursor-not-allowed data-disabled:opacity-75',\n itemLeadingIcon: 'shrink-0',\n itemLeadingAvatar: 'shrink-0',\n itemLeadingAvatarSize: '',\n itemTrailing: 'ms-auto inline-flex gap-1.5 items-center',\n itemTrailingIcon: 'shrink-0',\n itemTrailingKbds: 'hidden lg:inline-flex items-center shrink-0',\n itemTrailingKbdsSize: '',\n itemLabel: 'truncate',\n itemLabelExternalIcon: 'inline-block size-3 align-top text-(--ui-text-dimmed)'\n },\n variants: {\n color: {\n primary: '',\n secondary: '',\n success: '',\n info: '',\n warning: '',\n error: '',\n neutral: ''\n },\n active: {\n true: {\n item: 'text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)',\n itemLeadingIcon: 'text-(--ui-text)'\n },\n false: {\n item: [\n 'text-(--ui-text) data-highlighted:text-(--ui-text-highlighted) data-[state=open]:text-(--ui-text-highlighted) data-highlighted:before:bg-(--ui-bg-elevated) data-[state=open]:before:bg-(--ui-bg-elevated)',\n 'transition-colors before:transition-colors'\n ],\n itemLeadingIcon: [\n 'text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text) group-data-[state=open]:text-(--ui-text)',\n 'transition-colors'\n ]\n }\n },\n loading: {\n true: {\n itemLeadingIcon: 'animate-spin'\n }\n },\n size: {\n xs: {\n label: 'p-1 text-xs gap-1',\n item: 'p-1 text-xs gap-1',\n itemLeadingIcon: 'size-4',\n itemLeadingAvatarSize: '3xs',\n itemTrailingIcon: 'size-4',\n itemTrailingKbds: 'gap-0.5',\n itemTrailingKbdsSize: 'sm'\n },\n sm: {\n label: 'p-1.5 text-xs gap-1.5',\n item: 'p-1.5 text-xs gap-1.5',\n itemLeadingIcon: 'size-4',\n itemLeadingAvatarSize: '3xs',\n itemTrailingIcon: 'size-4',\n itemTrailingKbds: 'gap-0.5',\n itemTrailingKbdsSize: 'sm'\n },\n md: {\n label: 'p-1.5 text-sm gap-1.5',\n item: 'p-1.5 text-sm gap-1.5',\n itemLeadingIcon: 'size-5',\n itemLeadingAvatarSize: '2xs',\n itemTrailingIcon: 'size-5',\n itemTrailingKbds: 'gap-0.5',\n itemTrailingKbdsSize: 'md'\n },\n nm: {\n label: 'p-1.5 text-sm gap-1.5',\n item: 'p-1.5 text-sm gap-1.5',\n itemLeadingIcon: 'size-6 text-lg',\n itemLeadingAvatarSize: '2xs',\n itemTrailingIcon: 'size-6 text-lg',\n itemTrailingKbds: 'gap-0.5',\n itemTrailingKbdsSize: 'md'\n },\n lg: {\n label: 'p-2 text-sm gap-2',\n item: 'p-2 text-sm gap-2',\n itemLeadingIcon: 'size-5',\n itemLeadingAvatarSize: '2xs',\n itemTrailingIcon: 'size-5',\n itemTrailingKbds: 'gap-1',\n itemTrailingKbdsSize: 'md'\n },\n xl: {\n label: 'p-2 text-base gap-2',\n item: 'p-2 text-base gap-2',\n itemLeadingIcon: 'size-6',\n itemLeadingAvatarSize: 'xs',\n itemTrailingIcon: 'size-6',\n itemTrailingKbds: 'gap-1',\n itemTrailingKbdsSize: 'lg'\n }\n }\n },\n compoundVariants: [\n {\n color: 'primary',\n active: false,\n class: {\n item: 'text-(--ui-primary) data-highlighted:text-(--ui-primary) data-highlighted:before:bg-(--ui-primary)/10 data-[state=open]:before:bg-(--ui-primary)/10',\n itemLeadingIcon: 'text-(--ui-primary)/75 group-data-highlighted:text-(--ui-primary) group-data-[state=open]:text-(--ui-primary)'\n }\n },\n {\n color: 'primary',\n active: true,\n class: {\n item: 'text-(--ui-primary) before:bg-(--ui-primary)/10',\n itemLeadingIcon: 'text-(--ui-primary)'\n }\n }\n ],\n defaultVariants: {\n size: 'md'\n }\n },\n```",[3179,3180,3181],{"name":3074,"color":3075},{"name":3077,"color":3078},{"name":3080,"color":3081},4204,"Arrow Hidden When backdrop-blur Is Used on DropdownMenu","2025-06-05T10:54:18Z","https://github.com/nuxt/ui/issues/4204",0.6971068,{"description":3188,"labels":3189,"number":3195,"owner":3083,"repository":3084,"state":3143,"title":3196,"updated_at":3197,"url":3198,"score":3199},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: css, compatibilityDate, devtools, future, modules, runtimeConfig, ssr, typescript\n- Runtime Modules: @nuxt/eslint@1.4.0, @nuxt/fonts@0.11.4, @nuxt/ui-pro@3.1.2, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-auth-utils@0.5.20, nuxt-authorization@0.3.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nJust use the code of https://github.com/nuxt-ui-pro/dashboard/blob/main/app/pages/settings.vue and add a child to one of the links used for the UNavigationMenu. Like :\n````\n{\n label: \"General\",\n icon: \"i-lucide-user\",\n to: \"/settings\",\n children: [\n {\n label: \"Hello\",\n icon: \"i-lucide-book-open\",\n },\n ],\n exact: true,\n },\n````\n\n### Description\n\nIt seems wrapping the UNavigationMenu component in UDashboardToolbar will cause the UNavigationMenu's links children dropdown to not appear or be hidden.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3190,3191,3192],{"name":3074,"color":3075},{"name":3077,"color":3078},{"name":3193,"color":3194},"nuxt/ui-pro","00dc82",4177,"UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.7062129,["Reactive",3201],{},["Set"],["ShallowReactive",3204],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flIyrrfLda1_8sp-ohvidJo2lLR-Qv-RZel8dWRuuTrs":-1},"/nuxt/ui/4342"]