\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.70123625,{"description":3036,"labels":3037,"number":3041,"owner":3028,"repository":3028,"state":3030,"title":3042,"updated_at":3043,"url":3044,"score":3045},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.19.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: compatibilityDate\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-r78zhzgw?file=app.vue\n`npm run generate && npm run preview`\n\n### Describe the bug\n\nWhen using CSS `v-bind()` for part of CSS properties that can have multiple values like `border`, they disappear only in production builds. This is specific to Nuxt and did not occur with Vue alone. ( https://stackblitz.com/edit/vitejs-vite-h7sncoub?file=src%2FApp.vue and `npm run build && npm run preview` )\n\nAs a workaround, I was able to avoid this issue by using `v-bind()` with individual properties like `border-width`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3038],{"name":3039,"color":3040},"pending triage","E99695",31779,"Sometimes CSS `v-bind()` disappears only in production build.","2025-04-12T12:48:15Z","https://github.com/nuxt/nuxt/issues/31779",0.7103225,{"description":3047,"labels":3048,"number":3052,"owner":3028,"repository":3029,"state":3030,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### Version\n\nLatest commit https://pkg.pr.new/@nuxt/ui@62ab016\n\n### Description\n\nWhen fetching items using [ignore-filter prop ](https://ui.nuxt.com/components/select-menu#with-ignore-filter) `\u003CUSelectMenu>` does not remember the current selection.\n\nCurrently it works only if the selected item stays in the items array which is barely the case if dealing with more than 10 items:\n\nhttps://github.com/user-attachments/assets/f5c6b264-52a5-4d8b-b015-242e36d91fdb\n\nThis happens in two cases:\n\n1. When selecting an item the searchTerm gets resetted, the items-array changes and the selected item is no more in it -> Select menu label becomes empty\n2. When an item is selected, but searching for other items that dont include seleced item -> Select menu label becomes empty\n\n### Reproduction\n\nAlso reproducable in the docs:\nhttps://ui.nuxt.com/components/select-menu#with-ignore-filter\n\nhttps://github.com/user-attachments/assets/ec3065bb-7cc2-4976-9dde-da99dd2311b6\n\nHere case 1 never happens because the jsonplaceholder-api only has just 5 user-items so the selected user is always in the default empty search result. BUT case 2 happens: Select a user, open select again, type in any other name that doesnt include first user -> Select menu label becomes empty (weirdly tho, the avatar stays)",[3049,3050,3051],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4582,"SelectMenu with fetched items (ignore-filter) doesnt remember current selection","2025-07-23T17:27:36Z","https://github.com/nuxt/ui/issues/4582",0.7128551,{"description":3058,"labels":3059,"number":3063,"owner":3028,"repository":3029,"state":3030,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### 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```",[3060,3061,3062],{"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.72265524,{"description":3069,"labels":3070,"number":3074,"owner":3028,"repository":3029,"state":3075,"title":3076,"updated_at":3077,"url":3078,"score":3079},"### 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```",[3071,3072,3073],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4204,"closed","Arrow Hidden When backdrop-blur Is Used on DropdownMenu","2025-06-05T10:54:18Z","https://github.com/nuxt/ui/issues/4204",0.5305183,{"description":3081,"labels":3082,"number":3085,"owner":3028,"repository":3029,"state":3075,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### 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```",[3083,3084],{"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.6419073,{"description":3091,"labels":3092,"number":3096,"owner":3028,"repository":3029,"state":3075,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### 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```",[3093,3094,3095],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4073,"UNavigationMenu: Dropdown broken","2025-05-13T12:02:03Z","https://github.com/nuxt/ui/issues/4073",0.6756653,{"description":3102,"labels":3103,"number":3109,"owner":3028,"repository":3029,"state":3075,"title":3110,"updated_at":3111,"url":3112,"score":3113},"### 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```",[3104,3105,3108],{"name":3019,"color":3020},{"name":3106,"color":3107},"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.69799626,{"description":3115,"labels":3116,"number":3121,"owner":3028,"repository":3028,"state":3075,"title":3122,"updated_at":3123,"url":3124,"score":3125},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: devtools, vite\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-s3ebia?file=app.vue,components%2FFullscreenBackground.vue\r\n\r\n### Describe the bug\r\n\r\nI was making a background for a modal component when I noticed a strange behaviour with the `\u003CTransition />` component, specifically when the `appear` prop is set.\r\n\r\nIt seems that the click event listener on an element inside `\u003CTransition appear>` isn't being properly handled.\r\nSteps to reproduce:\r\n1. open the reproduction\r\n2. click on the semi-transparent fullscreen div\r\n3. *nothing happens* even though it should have set its visibility to `false`\r\n\r\n1. remove `appear` from the `\u003CTransition>` component in `FullscreenBackground.vue`\r\n2. repeat the same steps & now the click is properly handled\r\n\r\n### Additional context\r\n\r\nI've tried and I couldn't reproduce the same issue in Vue, so I assume it could be a bug in Nuxt.\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3117,3120],{"name":3118,"color":3119},"3.x","29bc7f",{"name":3039,"color":3040},24754,"`\u003CTransition appear>` breaks click event listener","2023-12-15T10:09:43Z","https://github.com/nuxt/nuxt/issues/24754",0.69995177,{"description":3127,"labels":3128,"number":3132,"owner":3028,"repository":3029,"state":3075,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.10.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: nitro, build, compatibilityDate, devtools, ssr, css, modules, i18n\n- Runtime Modules: @nuxt/ui@3.1.0, @nuxt/test-utils@3.17.2, @nuxt/image@1.10.0, @nuxt/icon@1.12.0, @nuxt/fonts@0.11.2, @nuxt/eslint@1.3.0, @nuxtjs/i18n@9.5.3, @nuxtjs/leaflet@1.2.6, @pinia/nuxt@0.11.0\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/fancy-river-42j5xw?workspaceId=ws_GgeGxunRZmD7bdWXHYL2Xk\n\n### Description\n\nWhile the `USlideOver` is active, it is not possible to interact with the background elements, even if `:overlay=\"false\"`. This seems counter-intuitive and [formerly classified as a bug in v2](https://github.com/nuxt/ui/issues/1402#issuecomment-2872304863).\n\n### Additional context\n\ntested with both 3.1.1 and 3.1.0\n\nA workaround is setting `\"pointer-events: auto\"` in the background element styles, which seems to enable all pointer events.\n\n### Logs\n\n```shell-script\n\n```",[3129,3130,3131],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4135,"Slideover blocks background interaction even with `overlay=false`","2025-05-13T12:59:56Z","https://github.com/nuxt/ui/issues/4135",0.70272255,["Reactive",3138],{},["Set"],["ShallowReactive",3141],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fuSCXwuxdG9Fwums-A_KSRG6rOV_PtmSRKQKeSiaQteQ":-1},"/nuxt/ui/4294"]