\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```",[2968,2969,2972],{"name":2907,"color":2908},{"name":2970,"color":2971},"duplicate","cfd3d7",{"name":2910,"color":2911},4333,"closed","USwitch not working inside UTooltip","2025-06-12T13:42:09Z","https://github.com/nuxt/ui/issues/4333",0.6306625,{"description":2980,"labels":2981,"number":2988,"owner":2916,"repository":2917,"state":2974,"title":2989,"updated_at":2990,"url":2991,"score":2992},"### 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```",[2982,2983,2986,2987],{"name":2907,"color":2908},{"name":2984,"color":2985},"needs reproduction","CB47CF",{"name":2910,"color":2911},{"name":2913,"color":2914},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.69014007,{"description":2994,"labels":2995,"number":2999,"owner":2916,"repository":2917,"state":2974,"title":3000,"updated_at":3001,"url":3002,"score":3003},"### 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```",[2996,2997,2998],{"name":2907,"color":2908},{"name":2910,"color":2911},{"name":2913,"color":2914},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":3005,"labels":3006,"number":3012,"owner":2916,"repository":2917,"state":2974,"title":3013,"updated_at":3014,"url":3015,"score":3016},"### 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```",[3007,3008,3009],{"name":2907,"color":2908},{"name":2910,"color":2911},{"name":3010,"color":3011},"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,{"description":3018,"labels":3019,"number":3028,"owner":2916,"repository":2917,"state":2974,"title":3029,"updated_at":3030,"url":3031,"score":3032},"### Environment\n\n- Operating System: `Windows 11`\n- Browser: `Chrome 131`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt UI\n\n### Version\n\nv2.20.0, 3.0.0-alpha-x\n\n### Reproduction\n\n[Tabs ](https://ui.nuxt.com/components/tabs) and [Input#disabled](https://ui.nuxt.com/components/input#disabled) sections of ui.nuxt.com, as well as pretty much every other component that has a \"Disabled\" state, demonstrate the issue\n\n### Description\n\nThe current styling for `disabled` state of different components in Nuxt UI has a very subtle visual distinction from the enabled state. On a monitor with good sRGB calibration (Gigabyte M32U - IPS, 4K, sRGB mode), the grayed-out appearance of the `disabled` state in almost every Nuxt UI component (as shown on the [ui.nuxt.com/components](https://ui.nuxt.com/components)) is almost indistinguishable from the non-disabled state.\n\n**Issue:**\n- Disabled elements do not provide a clear visual cue, making it hard for users to differentiate their state at a glance.\n- This affects usability and accessibility, especially for users with mild visual impairments or varying screen settings.\n\n**Suggestion:**\n\nConsider increasing contrast differences or adding clearer indicators (e.g., opacity) to improve visual accessibility for disabled elements.\n\n**Example:**\n[Tabs](https://ui.nuxt.com/components/tabs) and [Input#disabled](https://ui.nuxt.com/components/input#disabled) sections of ui.nuxt.com, as well as pretty much every other component that has a \"Disabled\" state, demonstrate the issue.\n\n**Video** (may look different on your monitor):\nNuxt UI `2.20.0`:\n\n\nhttps://github.com/user-attachments/assets/81eea3ee-1c74-4036-9fe9-55b18cb16851\n\n\nNuxt UI `3.0.0-alpha-x`:\n\n\nhttps://github.com/user-attachments/assets/9018589e-98fb-46d1-97e5-623fae98727e\n\n\n**Photos** of how it looks like on the mentioned monitor:\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/97736e43-fe88-428a-b3b2-67fcbe9b37dc\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/6caf4ee6-0cb9-4c7e-9bc7-07e320248b8e\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/b64d9960-4877-4fc4-b016-92ce8c4cf393\" width=\"400\"/>\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3020,3021,3022,3023,3026],{"name":2907,"color":2908},{"name":2910,"color":2911},{"name":2913,"color":2914},{"name":3024,"color":3025},"closed-by-bot","ededed",{"name":3027,"color":3025},"stale",2995,"Improve disabled state visibility for Tabs and other components","2025-06-18T09:02:44Z","https://github.com/nuxt/ui/issues/2995",0.70830715,["Reactive",3034],{},["Set"],["ShallowReactive",3037],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flIyrrfLda1_8sp-ohvidJo2lLR-Qv-RZel8dWRuuTrs":-1},"/nuxt/ui/4342"]