\n\n### Logs\n\n```shell-script\n\n```",[3051,3054,3055],{"name":3052,"color":3053},"bug","d73a4a",{"name":3023,"color":3024},{"name":3056,"color":3057},"triage","ffffff",4449,"Interfering Dropdown in `UNavigationMenu` component when using sections","2025-07-08T21:08:13Z","https://github.com/nuxt/ui/issues/4449",0.78618443,{"description":3064,"labels":3065,"number":3070,"owner":3029,"repository":3030,"state":3031,"title":3071,"updated_at":3072,"url":3073,"score":3074},"### Description\n\nHi folks\n\nWhen I have nested children in my navigation bar and I toggle the compact button, the first-level child appears as a popup, but the second-level child does not. how to make it work ?\n\nNot compact sidebar\n\u003Cimg width=\"226\" height=\"448\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/bd97efbc-36a0-43af-9cb8-1012da4e2bb7\" />\n\nCompact sidebar upon hovering\n\n\u003Cimg width=\"278\" height=\"458\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/df602a26-f92e-42d6-a346-67e0cefbe251\" />\n\n\u003CUNavigationMenu\n :items=\"MENU_ITEMS\"\n :collapsed=\"isToggle\"\n tooltip\n popover\n orientation=\"vertical\"\n :unmount-on-hide=\"false\"\n class=\"overflow-y-auto custom-scrollbar px-2 py-2 flex-2\"\n >\n \u003C/UNavigationMenu>\n\nheres my MENU ITEMS:\nexport const MENU_ITEMS: NavigationMenuItem[] = [\n { label: 'Navigation', type: 'label' },\n {\n label: 'Transaction',\n icon: 'i-material-symbols:inventory',\n children: [\n {\n label: 'GL POS Sales Amount',\n icon: 'i-material-symbols:article-shortcut-outline',\n children: [\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/pos-gl',\n },\n ],\n },\n {\n label: 'GL POS Sales Quantity',\n icon: 'i-material-symbols:inventory',\n children: [\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/pos-inventory',\n },\n ],\n },\n {\n label: 'Purchase Order',\n icon: 'i-icon-park-outline:order',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/purchase-order/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/purchase-order/process',\n },\n ],\n },\n {\n label: 'PO Receiving',\n icon: 'i-cuida:box-outline',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/po-receiving/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/po-receiving/process',\n },\n ],\n },\n {\n label: 'AP Invoice',\n icon: 'i-hugeicons:invoice-02',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/ap-invoice/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/ap-invoice/process',\n },\n ],\n },\n {\n label: 'AP Payment',\n icon: 'i-hugeicons:payment-01',\n children: [\n {\n label: 'Load',\n icon: 'material-symbols:database',\n to: '/ap-payment/load',\n },\n {\n label: 'Process',\n icon: 'uim:process',\n to: '/ap-payment/process',\n },\n ],\n },\n ],\n },\n ],\n },\n];\n\n\n\nThank you nuxt ui fam.\n\n",[3066,3069],{"name":3067,"color":3068},"question","d876e3",{"name":3023,"color":3024},4543,"[UNavigationMenuBar] nested child pop up not appearing","2025-07-17T03:18:41Z","https://github.com/nuxt/ui/issues/4543",0.7968872,{"description":3076,"labels":3077,"number":3081,"owner":3029,"repository":3030,"state":3082,"title":3083,"updated_at":3084,"url":3085,"score":3086},"### 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```",[3078,3079,3080],{"name":3052,"color":3053},{"name":3023,"color":3024},{"name":3056,"color":3057},4073,"closed","UNavigationMenu: Dropdown broken","2025-05-13T12:02:03Z","https://github.com/nuxt/ui/issues/4073",0.7576607,{"description":3088,"labels":3089,"number":3092,"owner":3029,"repository":3030,"state":3082,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: compatibilityDate, future, devtools, modules, css\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.12, @nuxt/content@3.1.0\n- Build Modules: -\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```vue\n\u003Cscript setup>\nconst links = ref([\n {\n label: 'Components',\n to: '/components',\n active: route.path.startsWith('/components'),\n children: [\n {\n label: 'Sections',\n to: '/components/sections',\n icon: 'i-lucide-lightbulb',\n description:\n 'Sections are used to create a layout for your components.',\n active: route.path.startsWith('/components/sections')\n },\n {\n label: 'Snippets',\n to: '/components/snippets',\n icon: 'i-lucide-lightbulb',\n description:\n 'Snippets are used to create a layout for your components.',\n active: route.path.startsWith('/components/snippets')\n }\n ]\n }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUHeader>\n \u003CUNavigationMenu :items=\"links\" />\n \u003C/UHeader>\n\u003C/template>\n```\n\n### Description\n\nThe width of the menu depends on the amount of items it contains. When you have to few items, the width will be to small for the horizontal dropdown.\n\nNormally a dropdown is not related to the width of the menu, but in case of this animation I'm not sure enough to say how that could be fixed if the menu was not the relative parent.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3090,3091],{"name":3052,"color":3053},{"name":3023,"color":3024},3268,"`UNavigationMenu` dropdown has wrong relative parent","2025-05-23T13:02:31Z","https://github.com/nuxt/ui/issues/3268",0.7665296,{"description":3098,"labels":3099,"number":3103,"owner":3029,"repository":3030,"state":3082,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### Description\n\nThe UNavigationMenu component in collapsed mode provides a space-efficient navigation experience.\n\nHowever, when a navigation item has submenus, the current behavior on click is to add the submenu items with a new list of icons at the same level. This can be confusing, as it’s not immediately clear that a submenu was opened, it looks like a flat continuation of the main menu.\n\nhttps://github.com/user-attachments/assets/809d7216-d707-48a6-bfeb-d6f3f4c292a5\n\n\n👉 A potential improvement would be to show a popover menu on hover (like Stripe does) when an item with children is hovered in collapsed mode.\n\n\n\n### Additional context\n\n_No response_",[3100,3101,3102],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3056,"color":3057},4186,"Show a popover menu on hover in `UNavigationMenu` when collapsed, for items with submenus","2025-05-21T16:39:05Z","https://github.com/nuxt/ui/issues/4186",0.78065115,{"description":3109,"labels":3110,"number":3042,"owner":3029,"repository":3113,"state":3082,"title":3114,"updated_at":3115,"url":3116,"score":3047},"You can rework the default style of open dropdowns with this linked exemples :\nhttps://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/%F0%9F%96%A5---nuxt.com?node-id=3736%3A46251",[3111],{"name":3020,"color":3112},"1ad6ff","nuxt.com","[Component] Dropdown improvement","2022-06-27T15:09:13Z","https://github.com/nuxt/nuxt.com/issues/708",{"description":3118,"labels":3119,"number":3122,"owner":3029,"repository":3030,"state":3082,"title":3123,"updated_at":3124,"url":3125,"score":3126},"### Description\n\nSometimes navigation menu's dropdown too long(Check the picture)\n\n\n\nPlease let it can be scrollable when too long\n\n### Additional context\n\n_No response_",[3120,3121],{"name":3020,"color":3021},{"name":3023,"color":3024},4208,"Please let navigation menu dropdown scrollable","2025-05-26T15:46:48Z","https://github.com/nuxt/ui/issues/4208",0.78432727,{"description":3128,"labels":3129,"number":3132,"owner":3029,"repository":3030,"state":3082,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### Environment\n\n- nuxt 3.14.\n- nuxt/ui alpha.10\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nadd to nuxt.config.ts\n\ntypescript: {\n typeCheck: true\n },\n\n### Description\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3130,3131],{"name":3052,"color":3053},{"name":3023,"color":3024},2974,"vue-tsc error: This condition will always return true since this function is always defined (Progress.vue)","2024-12-25T11:01:39Z","https://github.com/nuxt/ui/issues/2974",0.78470916,["Reactive",3138],{},["Set"],["ShallowReactive",3141],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdJUeRBsptCLq50LnCe9Wy6-fve3oK9KxUhnmmt2UPSQ":-1},"/nuxt/nuxt.com/1409"]