\n\n### Logs\n\n```shell-script\n\n```",[3018,3021,3024],{"name":3019,"color":3020},"bug","d73a4a",{"name":3022,"color":3023},"v3","49DCB8",{"name":3025,"color":3026},"triage","ffffff",4449,"nuxt","ui","open","Interfering Dropdown in `UNavigationMenu` component when using sections","2025-07-08T21:08:13Z","https://github.com/nuxt/ui/issues/4449",0.6402943,{"description":3036,"labels":3037,"number":3041,"owner":3028,"repository":3029,"state":3030,"title":3042,"updated_at":3043,"url":3044,"score":3045},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.17.3\nNitro Version: 2.11.12\nBrowser: Firefox v139.0.1\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/arrow-issue-in-dropdownmenu-jmq5jf\n\n### Description\n\nHi,\nI've noticed an issue when using backdrop-blur on 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\nI've created an example with two DropdownMenus — one with backdrop-blur applied and one without. You should be able to see the issue.\n\nCould you please take a look and fix the issue? Thank you!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3038,3039,3040],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4294,"Arrow Hidden When backdrop-blur Is Used on DropdownMenu","2025-06-05T11:12:36Z","https://github.com/nuxt/ui/issues/4294",0.67827266,{"description":3047,"labels":3048,"number":3052,"owner":3028,"repository":3029,"state":3030,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.13.0\n- Nuxt Version: 3.17.7\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.13\n- Package Manager: npm@11.5.1\n- Builder: -\n- User Config: devServer, runtimeConfig, experimental, devtools, ssr, components, modules, imports, shiki, css, ui, icon, compatibilityDate\n- Runtime Modules: @pinia/nuxt@0.11.2, @nuxt/ui@3.2.0, @nuxt/image@1.10.0, @vueuse/nuxt@13.5.0, nuxt-shiki@0.3.1, @nuxt/icon@1.15.0, @nuxtjs/color-mode@3.5.2, @compodium/nuxt@0.1.0-beta.11\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.17.7\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/dropdown-menu (call any menu DropdownMenu from example)\nhttps://ui.nuxt.com/components/context-menu (call any menu ContexMenu from example)\n\n### Description\n\nWhen I call any UDropdownMenu or UContextMenu in my project, it causes the elements in the entire page template to shift and also removes the scrollbar from the page, which also causes the content to shift. This can also be checked on the documentation page. I made a screen recording.\n\nHere you can see how the icon in the left menu moves to select UI Pro, as well as scrolling this menu. And the main page scroll disappears.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3049,3050,3051],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4619,"UDropdownMenu, UContextMenu move elements on the page and remove page scroll","2025-07-28T15:39:43Z","https://github.com/nuxt/ui/issues/4619",0.69161034,{"description":3058,"labels":3059,"number":3063,"owner":3028,"repository":3029,"state":3064,"title":3065,"updated_at":3066,"url":3067,"score":3068},"### Environment\n\nstandard docs\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.0\n\n### Reproduction\n\nUNavigation from the docs:\n\n\n\n### Description\n\nThe width of the elements does not expend over the full width of the dropdown\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3060,3061,3062],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},3981,"closed","UNavigationMenu: Dropdown width broken","2025-05-02T09:38:51Z","https://github.com/nuxt/ui/issues/3981",0.59914446,{"description":3070,"labels":3071,"number":3074,"owner":3028,"repository":3029,"state":3064,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### 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```",[3072,3073],{"name":3019,"color":3020},{"name":3022,"color":3023},3268,"`UNavigationMenu` dropdown has wrong relative parent","2025-05-23T13:02:31Z","https://github.com/nuxt/ui/issues/3268",0.64656097,{"description":3080,"labels":3081,"number":3085,"owner":3028,"repository":3029,"state":3064,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### 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```",[3082,3083,3084],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4115,"UNavigationMenu vertical not triggering route \"to\" on root elements","2025-05-10T11:18:54Z","https://github.com/nuxt/ui/issues/4115",0.66867566,{"description":3091,"labels":3092,"number":3098,"owner":3028,"repository":3029,"state":3064,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.17.2`\n- CLI Version: `3.25.0`\n- Nitro Version: `2.11.11`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://github.com/user-attachments/assets/3204c1e4-c367-4397-b3fc-7a8c335bf000\n\n### Description\n\nCheck current docs. https://ui.nuxt.com/components/input-menu#items\n\n### Additional context\n\nWhen clicking on the dropdown the first time not all items are shown. When clicking the second time the items are all there.\n\n### Logs\n\n```shell-script\n\n```",[3093,3094,3097],{"name":3019,"color":3020},{"name":3095,"color":3096},"duplicate","cfd3d7",{"name":3022,"color":3023},4100,"InputMenu: Not all items shown in dropdown on first open","2025-05-07T14:53:25Z","https://github.com/nuxt/ui/issues/4100",0.67044276,{"description":3104,"labels":3105,"number":3108,"owner":3028,"repository":3029,"state":3064,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\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.\n\n### Description\n\nHi\nWhen we use the arrow in the DropdownMenu component, a border is added to the last item. Apparently, this is because the arrow element is added at the end of the items groups in this component.\n\n\n\n\n\nI hope I was able to tell you what I meant. It's nothing special, but it would be great if it could be fixed. 🙄\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3106,3107],{"name":3019,"color":3020},{"name":3022,"color":3023},3315,"arrow causes appear border in the last item of DropdownMenu","2025-05-23T15:41:53Z","https://github.com/nuxt/ui/issues/3315",0.67646056,{"description":3114,"labels":3115,"number":3124,"owner":3028,"repository":3029,"state":3064,"title":3125,"updated_at":3126,"url":3127,"score":3128},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.3.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: compatibilityDate, css, devtools, modules, colorMode, runtimeConfig, ui, app\n- Runtime Modules: @nuxt/ui@3.0.1, @nuxtjs/device@3.2.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-euclid-j92wtc\n\n### Description\n\nThe v-model does not open the tab of the navigation bar if this is not a \"parent of children\" type of tab. It's confusing because there is no more \"isActive\" items status since the v3.\n\n### Additional context\n\n(it's my first time creating an issue, maybe I've done some things wrong during creation)\n\n### Logs\n\n```shell-script\n\n```",[3116,3117,3118,3119,3122],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},{"name":3120,"color":3121},"closed-by-bot","ededed",{"name":3123,"color":3121},"stale",3650,"The NavigationMenu's v-model does not update correctly","2025-06-18T09:01:24Z","https://github.com/nuxt/ui/issues/3650",0.6813137,{"description":3130,"labels":3131,"number":3135,"owner":3028,"repository":3029,"state":3064,"title":3136,"updated_at":3137,"url":3138,"score":3139},"### Environment\n\nNuxt: 3.15.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/lucid-shape-9kk73c\n\n### Description\n\n\nDropdownMenu actions will not work after Udrawer closed.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3132,3133,3134],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},3067,"UDrawer UDropdownMenu actions conflict","2025-05-23T13:35:59Z","https://github.com/nuxt/ui/issues/3067",0.68531305,["Reactive",3141],{},["Set"],["ShallowReactive",3144],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdZNwvsXnhkB4cAx3p9jsLy8lru831oxhDf-8OsfpBNE":-1},"/nuxt/ui/4073"]