\n\n### Additional context\n\n_No response_",[3137,3140],{"name":3138,"color":3139},"enhancement","a2eeef",{"name":3141,"color":3142},"triage","ffffff",4606,"nuxt","ui","open","✨ Expand/Collapse Support for Component Theme JSON in Nuxt UI Docs","2025-07-26T11:50:47Z","https://github.com/nuxt/ui/issues/4606",0.71179163,{"description":3152,"labels":3153,"number":3159,"owner":3144,"repository":3145,"state":3146,"title":3160,"updated_at":3161,"url":3162,"score":3163},"### Description\n\nI think when i use the flex-col-reverse it opens to the top. Can we add a prop to do this to make it more apparent that the content opens from the bottom or the top.\n\n\u003CUCollapsible class=\"flex flex-col-reverse gap-2 w-48\">\n \u003Ctemplate #content>\n \u003Cdiv class=\"h-48 bg-red-200\" />\n \u003C/template>\n \u003CUButton\n label=\"Open\"\n color=\"neutral\"\n variant=\"subtle\"\n trailing-icon=\"i-lucide-chevron-down\"\n block\n />\n \u003C/UCollapsible>\n\n### Additional context\n\n_No response_",[3154,3155,3158],{"name":3138,"color":3139},{"name":3156,"color":3157},"v3","49DCB8",{"name":3141,"color":3142},4146,"Can we add a reverse prop for collapsible.","2025-05-13T21:49:55Z","https://github.com/nuxt/ui/issues/4146",0.71894914,{"description":3165,"labels":3166,"number":3170,"owner":3144,"repository":3145,"state":3146,"title":3171,"updated_at":3172,"url":3173,"score":3174},"### Package\n\nv3.x\n\n### Description\n\nIs it possible to add support for customizing active item styles directly through the ui prop in `UNavigationMenu`?\n\nRight now, the ui prop does not seem to handle active states. The only way to style active items is through global configuration in app.config.\n\nIt would be very helpful if ui could accept something like:\n\n```\n\u003CUNavigationMenu\n :collapsed=\"collapsed\"\n :items=\"links[0]\"\n orientation=\"vertical\"\n :ui=\"{\n list: 'flex flex-col gap-1',\n link: {\n base: 'p-2 text-xs rounded-lg transition',\n active: 'bg-primary text-white', // before:bg-primary\n inactive: 'text-gray-700 hover:bg-gray-100'\n }\n }\"\n tooltip\n popover\n/>\n```",[3167],{"name":3168,"color":3169},"question","d876e3",4849,"Can `UNavigationMenu` support active styles via the ui prop?","2025-08-30T10:29:01Z","https://github.com/nuxt/ui/issues/4849",0.7190907,{"description":3176,"labels":3177,"number":3182,"owner":3144,"repository":3145,"state":3146,"title":3183,"updated_at":3184,"url":3185,"score":3186},"### Environment\n\n- Node Version: v20.12.1\n- Nuxt Version: 4.0.3\n- CLI Version: 3.28.0\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: devtools, modules, css, compatibilityDate\n- Runtime Modules: @nuxt/ui@4.0.0-alpha.0, @nuxt/eslint@1.9.0, @vueuse/nuxt@13.7.0\n- Build Modules: -\n\n### Version\n\nv4.0.0-alpha.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/pxxcvj\n\n### Description\n\nAttaching a read-only `:collapsed` to `DashboardSidebar` does not prevent `DashboardSidebarCollapse` from collapsing/expanding the sidebar.\n\nIn the reproduction, when you change the width of the screen to be narrower than `96rem`, sidebar will always collapse. When you widen it back out, sidebar will expand if it was expanded before.\n\nIf you make the screen narrower until the sidebar collapses, and then press the `DashboardSidebarCollapse`, it will expand, despite the fact that the computed `collapsed` is still `true`.\n\nIn the reproduction that is represented by having `collapsed: true` written on the page, but the sidebar being expanded.\n\nExpected the sidebar to keep being collapsed, until computed `collapsed` becomes `false`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3178,3181],{"name":3179,"color":3180},"bug","d73a4a",{"name":3141,"color":3142},4789,"v4: `DashboardSidebarCollapse` controls the `DashboardSidebar` despite its `collapsed` value being readonly","2025-08-19T06:50:12Z","https://github.com/nuxt/ui/issues/4789",0.7209584,{"description":3188,"labels":3189,"number":3193,"owner":3144,"repository":3145,"state":3146,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.17.0`\n- Nuxt Version: `4.0.3`\n- CLI Version: `3.27.0`\n- Nitro Version: `2.12.4`\n- Package Manager: `pnpm@9.15.3`\n- Builder: `-`\n- User Config: `devtools`, `ssr`, `modules`, `css`, `runtimeConfig`, `icon`, `fonts`, `future`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui-pro@3.3.2`, `@vueuse/nuxt@13.6.0`, `@formkit/auto-animate/nuxt@0.8.2`, `nuxt-charts@0.2.3`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI Pro 3.3.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-zbenj5fx?file=app%2Fpages%2Findex.vue\n\n\n### Description\n\nI have a ContextMenu wrapped on a NuxtLink and when I click outside, it should close the menu, instead it opens the link.\n\n\n### Additional context\n\n### Demo of the bug\n\nhttps://github.com/user-attachments/assets/bdbe4169-e6b5-4452-8b8a-5a580238db17\n\n@benjamincanac @HugoRCD any way to stop the link propogation?\n\n### Logs\n\n```shell-script\n\n```",[3190,3191,3192],{"name":3179,"color":3180},{"name":3156,"color":3157},{"name":3141,"color":3142},4811,"ContextMenu outside click on NuxtLink opens the link instead of closing the menu","2025-08-24T06:39:11Z","https://github.com/nuxt/ui/issues/4811",0.7395141,{"description":3199,"labels":3200,"number":3204,"owner":3144,"repository":3145,"state":3146,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Environment\n\n- Node Version: v22.17.1\n- Nuxt Version: 4.0.3\n- CLI Version: 3.27.0\n- Nitro Version: 2.12.4\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/navigation-menu#control-active-item\n\n### Description\n\nas per title, seems that manual active control is not working at all even in docs https://ui.nuxt.com/components/navigation-menu#control-active-item\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3201,3202,3203],{"name":3179,"color":3180},{"name":3156,"color":3157},{"name":3141,"color":3142},4682,"[NavigationMenu] v-model, value, default-value: does nothing","2025-08-08T08:39:46Z","https://github.com/nuxt/ui/issues/4682",0.73974174,{"description":3210,"labels":3211,"number":3219,"owner":3144,"repository":3145,"state":3220,"title":3221,"updated_at":3222,"url":3223,"score":3224},"### Description\n\nHey! Thanks for trying to make nuxt/ui even more awesome.\n\nI've been struggled with adding NavigationMenu items animation on toggling collapsed of/off states. \nI'd like to make it work smoothly and keep only icons with popovers in collapsed state and show the rest only when collapsed is off. out of the box its only toggled on/off without transitions.\nI see no option to pass slot to wrap labels with vue Transition component or use Motion-vue and either css animations like data-[collaped=true]:animate.... not working well because whole inner content of nav is wrapped with \"v-if\" and switched on collapsed. \n\nIn some components data-[state] animations works well, but not in collapsed NavigationMenu. Or am I doing something wrong?\nOnly a way I see is to override whole item slot. But for now I've just get rid of NavigationMenu and made my own custom component with fancy transitions.\nPlease point me to right direction and suggest best practices, cuz I'd like to use most of components and make it work with smooth transitions/animations, but sometimes got stucked with limitations/lack of knowledge. \n\nofftop: For example, wasted many hours trying to achieve smooth slide-down transition for table expanded rows. Ended up with expanded slot with UCollapsible plus exclusive inner state for it, changed with setTimeout(() => { ... }, 300), Ugly, hucky, but it works.",[3212,3213,3214,3217],{"name":3168,"color":3169},{"name":3156,"color":3157},{"name":3215,"color":3216},"closed-by-bot","ededed",{"name":3218,"color":3216},"stale",4254,"closed","NavigationMenu transitions/animations on toggle collapsed state","2025-08-20T02:08:33Z","https://github.com/nuxt/ui/issues/4254",0.67976743,{"description":3226,"labels":3227,"number":3231,"owner":3144,"repository":3145,"state":3220,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### 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```",[3228,3229,3230],{"name":3179,"color":3180},{"name":3156,"color":3157},{"name":3141,"color":3142},3911,"[NavigationMenu] Vertical menu with children doesn't respect parent Link attributes.","2025-05-10T15:51:54Z","https://github.com/nuxt/ui/issues/3911",0.6841499,{"description":3237,"labels":3238,"number":3242,"owner":3144,"repository":3145,"state":3220,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### 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```",[3239,3240,3241],{"name":3179,"color":3180},{"name":3156,"color":3157},{"name":3141,"color":3142},4329,"`UNavigationMenu` nested accordions close all levels when `type=\"single\"`","2025-06-17T08:49:09Z","https://github.com/nuxt/ui/issues/4329",0.7130663,{"description":3248,"labels":3249,"number":3253,"owner":3144,"repository":3145,"state":3220,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### Environment\n\n- Nuxt 3.16.2 with Nitro 2.11.9\n- NuxtUI 3.1.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/quirky-wood-lnhsf5\n\n### Description\n\nWhen UNavigationMenu is vertical it's impossible to trigger navigation on root elements\neven if you specify `type: 'link', onselect: () => navigateTo('/test'), `\n\n### Additional context\n\nThe only workaround I have found is to do\n```\n\u003Ctemplate #item-label=\"{ item }\">\n \u003CNuxtLink :to=\"item.to\">{{ item.label }}\u003C/NuxtLink>\n\u003C/template>\n```",[3250,3251,3252],{"name":3179,"color":3180},{"name":3156,"color":3157},{"name":3141,"color":3142},4115,"UNavigationMenu vertical not triggering route \"to\" on root elements","2025-05-10T11:18:54Z","https://github.com/nuxt/ui/issues/4115",0.72606647,["Reactive",3259],{},["Set"],["ShallowReactive",3262],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fsymDu-szAMoqrErwS9ffh6RguwSW6Fwss6u3r1AITRI":-1},"/nuxt/ui/3353"]