\n```",[3145],{"name":3146,"color":3147},"question","d876e3",4849,"nuxt","ui","open","Can `UNavigationMenu` support active styles via the ui prop?","2025-08-30T10:29:01Z","https://github.com/nuxt/ui/issues/4849",0.7529882,{"description":3157,"labels":3158,"number":3163,"owner":3149,"repository":3150,"state":3151,"title":3164,"updated_at":3165,"url":3166,"score":3167},"### Description\n\nWhat can we do if we have to use custom content using slot in vertical orientation NavigationMenu?\n\nExample code:\n```\n\u003Ctemplate>\n \u003CUNavigationMenu\n :items=\"items\"\n orientation=\"vertical\"\n class=\"w-full justify-center\"\n >\n \u003Ctemplate #docs-content>\n \u003CDocs />\n \u003C/template>\n \u003Ctemplate #components-content>\n \u003CComponents />\n \u003C/template>\n \u003C/UNavigationMenu>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport type { NavigationMenuItem } from '@nuxt/ui'\n\nimport Docs from '@/components/common/header/Docs.vue'\nimport Components from '@/components/common/header/Components.vue'\n\nconst items = [\n {\n label: 'Docs',\n icon: 'i-lucide-book-open',\n slot: 'docs' as const,\n },\n {\n label: 'Components',\n icon: 'i-lucide-box',\n slot: 'components' as const,\n },\n {\n label: 'GitHub',\n icon: 'i-simple-icons-github'\n }\n] satisfies NavigationMenuItem[]\n\u003C/script>\n```\n",[3159,3160],{"name":3146,"color":3147},{"name":3161,"color":3162},"v3","49DCB8",4616,"custom content slot in vertical orientation NavigationMenu","2025-07-28T05:42:41Z","https://github.com/nuxt/ui/issues/4616",0.75851154,{"description":3169,"labels":3170,"number":3178,"owner":3149,"repository":3150,"state":3151,"title":3179,"updated_at":3180,"url":3181,"score":3182},"### Description\n\nWhen using `multiple` with `USelectMenu` selected items can be deselected again. But when not having `multipe` option this is not the case. The select goes from undefined to a value and then can never become undefined again (without an external button).\n\nI would propose to add a new prop that allows values to be deselected, so the model becomes undefined again.\n\n### Additional context\n\n_No response_",[3171,3174,3175],{"name":3172,"color":3173},"enhancement","a2eeef",{"name":3161,"color":3162},{"name":3176,"color":3177},"triage","ffffff",4647,"`USelectMenu`: Allow deselection of items","2025-08-02T13:00:23Z","https://github.com/nuxt/ui/issues/4647",0.762599,{"description":3184,"labels":3185,"number":3191,"owner":3149,"repository":3150,"state":3192,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Environment\n\n\n\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, components, css, devServer, ssr, vuefire, runtimeConfig\n- Runtime Modules: @nuxt/image@1.10.0, @nuxt/ui-pro@3.0.2, nuxt-vuefire@1.0.5\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nThis is noticeable on the documentation [page](https://ui.nuxt.com/components/navigation-menu#orientation) for any vertical navigation menu with children navigation items. \n\n### Description\n\nThe parent item renders as a `\u003Cbutton>` tag instead of the `\u003Ca>` tags of other navigation menu items. This means the `to:` attribute is ignored (and target) and can't be clicked on. This is likely due to the parent and children being converted to a Collapsible component under the hood. \n\nWhen the orientation is horizontal, however, you can have both the parent and children be links - where they render `\u003Ca>` tags. Hovering over the horizontal parent shows the children, but the parent can still be a link.\n\nIdeally, we could set a boolean to control whether the children are converted to a Collapsible or not. Or wrap the Collapsible parent around a link. Understandably, the click then couldn't trigger opening/closing the collapsible (maybe the icon triggers opening/closing, while the label can still have the Link attributes available).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3186,3189,3190],{"name":3187,"color":3188},"bug","d73a4a",{"name":3161,"color":3162},{"name":3176,"color":3177},3911,"closed","[NavigationMenu] Vertical menu with children doesn't respect parent Link attributes.","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3911",0.7189104,{"description":3198,"labels":3199,"number":3203,"owner":3149,"repository":3150,"state":3192,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.1.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/admiring-firefly-pw9d9p\n\n### Description\n\nUsing a vertical orientation along with `type=\"single\"`, if there is only one level of children, works great. Clicking on another item to select causes the current item to collapse and new one expands.\n\nWhen you have more nested levels though, clicking on child items bubbles up and closes all parents up to top.\n\nI've added two `UNavigationMenu` items, the first one has one level and works fine, the seconds one is where the issue is demonstrated.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3200,3201,3202],{"name":3187,"color":3188},{"name":3161,"color":3162},{"name":3176,"color":3177},4329,"`UNavigationMenu` nested accordions close all levels when `type=\"single\"`","2025-06-17T08:49:09Z","https://github.com/nuxt/ui/issues/4329",0.73025346,{"description":3209,"labels":3210,"number":3214,"owner":3149,"repository":3150,"state":3192,"title":3215,"updated_at":3194,"url":3216,"score":3217},"### Description\n\nIs there any chance we can get option to enable/disable collapsible when collapsed prop is true. v3.0.0-alpha.13 'fixed' NavigationMenu: disable collapsible with collapsed prop, i used nuxt ui since v3.0.0-alpha.12 and thought the collapsible when collapsed was feature.\n\n### Additional context\n\n_No response_",[3211,3212,3213],{"name":3172,"color":3173},{"name":3161,"color":3162},{"name":3176,"color":3177},3353,"NavigationMenu: Option to enable collapsible with collapsed prop","https://github.com/nuxt/ui/issues/3353",0.73240715,{"description":3219,"labels":3220,"number":3224,"owner":3149,"repository":3150,"state":3192,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Description\n\nI was looking to implement tooltip for NavigationMenu links as it was available in the DashboardSidebarLinks component in v2. But seems like the feature is no longer present in v3. \n\nhttps://ui2.nuxt.com/pro/components/dashboard-sidebar-links\n\nLet me know if there is still a simple way to implement tooltips specially in the collapsed Sidebar. I don't wanna go down with the slots approach. It looks dirty.\n\n\n\n### Additional context\n\nThis is what I have to do in order to get it to work. I believe this should be part of Nuxt UI already.\n\n``` js\n\u003CUNavigationMenu :collapsed=\"collapsed\" :items=\"links\" orientation=\"vertical\">\n \u003Ctemplate #item-leading=\"{ item }\">\n \u003CUTooltip :disabled=\"!collapsed\" :text=\"item.label\">\n \u003CUIcon\n :name=\"item.icon || ''\"\n class=\"text-dimmed group-hover:text-default size-5 shrink-0 transition-colors\"\n />\n \u003C/UTooltip>\n \u003C/template>\n\u003C/UNavigationMenu>\n```",[3221,3222,3223],{"name":3172,"color":3173},{"name":3161,"color":3162},{"name":3176,"color":3177},4050,"NavigationMenu has no way to apply a tooltip.","2025-05-10T11:36:41Z","https://github.com/nuxt/ui/issues/4050",0.7351112,{"description":3230,"labels":3231,"number":3243,"owner":3149,"repository":3150,"state":3192,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Description\n\nIt would be cool to be able to create an SEO-friendly NavigationMenu on mobile that appears when a button is clicked in the Slideover or Drawer components. However, the problem is that the menu component itself has the unmount-on-hide property, which makes it SEO-friendly, whereas the Slideover or Drawer where I would like to place this menu do not.\n\n### Additional context\n\n_No response_",[3232,3233,3234,3235,3238,3241],{"name":3172,"color":3173},{"name":3161,"color":3162},{"name":3176,"color":3177},{"name":3236,"color":3237},"upstream/reka-ui","56d799",{"name":3239,"color":3240},"closed-by-bot","ededed",{"name":3242,"color":3240},"stale",3622,"unmount-on-hide for Drawer, Slideover","2025-09-03T02:01:08Z","https://github.com/nuxt/ui/issues/3622",0.73711115,{"description":3249,"labels":3250,"number":3255,"owner":3149,"repository":3150,"state":3192,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Description\n\nCurrently, the accordion component relies solely on divs and buttons, which means it's not fully accessible to assistive technologies. \n\nTo fix this, the accordion should have an HTML structure similar to the one shown in the example below.\n\n```html\n\u003Cdiv role=\"group\" aria-labelledby=\"group-name\">\n \u003Cspan hidden id=\"group-name\">Lorem ipsum dolor sit.\u003C/span>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n\u003C/div>\n```\n\nThis accordion is now completely accessible and requires no JavaScript to function like the current accordion.\nAdditionally, this accordion will also automatically expand if a user searches for words that appear in each accordion item.\n\nThis is how the current accordion is visualized from the accessibility tree.\n\n\u003Cimg width=\"300\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c61583dd-b2a5-4e48-acaa-e0c156f0bee5\" />\n\n\nThis is how the new accordion will be visualized from the accessibility tree.\n\n\u003Cimg width=\"450\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6490bbb7-d453-4516-89a1-069ff31c88e8\" />\n\nI would love to hear your opinion on this, and I would also be glad to help out if needed.\n\n\n### Additional context\n\n_No response_",[3251,3252,3253,3254],{"name":3172,"color":3173},{"name":3176,"color":3177},{"name":3239,"color":3240},{"name":3242,"color":3240},4338,"Accordion a11y using details and summary","2025-08-22T02:08:27Z","https://github.com/nuxt/ui/issues/4338",0.740834,{"description":3261,"labels":3262,"number":3265,"owner":3149,"repository":3150,"state":3192,"title":3266,"updated_at":3267,"url":3268,"score":3269},"### Description\n\nWhen using \u003CUNavigationMenu> with onSelect (instead of to), there's no way to manually set the active state on items. It would be helpful to support an active prop or a value binding (like in buttons #3417) to reflect the selected state visually.\n\n### Additional context\n\n_No response_",[3263,3264],{"name":3172,"color":3173},{"name":3161,"color":3162},4185,"Allow `active` style on `UNavigationMenu` items when using `onSelect`","2025-05-19T15:38:25Z","https://github.com/nuxt/ui/issues/4185",0.7501929,["Reactive",3271],{},["Set"],["ShallowReactive",3274],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fgfopvyopnaSaf16fOeArUWr8l8rWgAKGaSnDCDLDEek":-1},"/nuxt/ui/4072"]