\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nAfter upgrading from `alpha.8` to `alpha.9`, the border radius is wrong (different from the rest of the application) when using badge in the [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu). When inspecting HTML, this is the class (related to border radius) applied to the badge: `rounded-[calc(var(--ui-radius)]`.\n\nI also tried passing the [class](https://ui3.nuxt.dev/components/badge#class-prop) to `BadgeProps` but it doesn't work:\n```vue\n```vue\n\u003Cscript setup lang=\"ts\">\n/* Types */\nimport type { NavigationMenuItem } from \"#ui/types\";\n\nconst items = ref\u003CNavigationMenuItem[][]>([\n [\n {\n label: \"Menu\",\n defaultOpen: true,\n children: [\n {\n label: \"Submenu\",\n badge: {\n label: \"latest\",\n color: \"secondary\",\n class: \"rounded-full\", // ! NOT WORKING\n },\n to: \"https://www.example.com\",\n target: \"_blank\",\n },\n ],\n },\n ],\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full\">\n \u003CUNavigationMenu orientation=\"vertical\" :items=\"items\" />\n \u003C/div>\n\u003C/template>\n```\nHowever, IMO the border radius should be inherited (no need to pass `class`).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2931,2932],{"name":2868,"color":2869},{"name":2871,"color":2872},2766,"Badge border radius is wrong (NavigationMenu)","2024-11-26T11:23:27Z","https://github.com/nuxt/ui/issues/2766",0.68261784,{"description":2939,"labels":2940,"number":2946,"owner":2877,"repository":2878,"state":2913,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### 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```",[2941,2942,2945],{"name":2868,"color":2869},{"name":2943,"color":2944},"duplicate","cfd3d7",{"name":2871,"color":2872},4100,"InputMenu: Not all items shown in dropdown on first open","2025-05-07T14:53:25Z","https://github.com/nuxt/ui/issues/4100",0.68599147,{"description":2952,"labels":2953,"number":2956,"owner":2877,"repository":2878,"state":2913,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.14.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.14.1592\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\"\nconst placeItems = ref([{ id: 1, name: 'Place 1' }, { id: 2, name: 'Place 2' }])\n\u003C/script>\n\n\u003Ctemplate>\n\u003CUInputMenu :items=\"placeItems\"\n value-key=\"id\"\n label-key=\"name\"\n class=\"w-full mb-4\"\n multiple />\n\n\u003CUInputMenu :items=\"placeItems\"\n value-key=\"id\"\n label-key=\"name\"\n class=\"w-full\"/>\n\u003C/template>\n```\n\n### Description\nIn my opinion, the border, when focusing, should have the same color as when the parameter is absent `multiple`.\nWith white border looks bad :D\nhttps://skr.sh/vSqjqLYGgHO",[2954,2955],{"name":2868,"color":2869},{"name":2871,"color":2872},2742,"UInputMenu has wrong border when focused in multiple mode","2024-12-05T13:48:56Z","https://github.com/nuxt/ui/issues/2742",0.69429445,{"description":2962,"labels":2963,"number":2966,"owner":2877,"repository":2878,"state":2913,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Environment\n\n- Operating System: Darwin\n- Node Version: v18.20.6\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-agnesi-drlrh4?file=%2Fapp%2Fpages%2Findex.vue%3A24%2C24\n\n### Description\n\nWhen I close a `UDrawer` that I opened via an action from a `UDropdownMenu`, the style on my \u003Cbody> tag still contains `overflow: hidden` and `user-select: none`, which prevents interaction with the page.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2964,2965],{"name":2868,"color":2869},{"name":2871,"color":2872},3406,"User interaction lock after a Drawer/DropdownMenu","2025-02-27T20:57:27Z","https://github.com/nuxt/ui/issues/3406",0.6967565,{"description":2972,"labels":2973,"number":2979,"owner":2877,"repository":2878,"state":2913,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.18.2\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: pnpm@10.8.0\n- Builder: -\n- User Config: extends, modules, ssr, site, runtimeConfig, alias, sourcemap, future, features, nitro, hub, eslint, i18n, sentry\n- Runtime Modules: @sentry/nuxt/module@9.12.0 @compodium/nuxt@0.1.0-beta.8, @nuxt/test-utils/module@3.17.2, @vueuse/nuxt@13.1.0, @pinia/nuxt@0.11.0, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/ui@3.0.2, reka-ui/nuxt@2.2.0, @nuxt/image@1.10.0, @formkit/auto-animate/nuxt@0.8.2, motion-v/nuxt@1.0.0-beta.2, nuxt-svgo@4.0.17, @nuxt/eslint@1.3.0, nuxt-llms@0.1.2, nuxt-security@2.2.0, @nuxtjs/seo@3.0.2, @nuxtjs/i18n@9.5.3, nuxt-auth-utils@0.5.19, @nuxt/scripts@0.11.5, nuxt-delay-hydration@1.3.8\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.2\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/navigation-menu#arrow\n\n### Description\n\nYou can even reproduce this in the current demo page, the arrow is not moving, or for some reason it glitches, this doesn't happen with the Reka components\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2974,2975,2976],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2977,"color":2978},"reka-ui","56d799",3907,"NavigationMenu arrow not moving","2025-05-15T14:41:00Z","https://github.com/nuxt/ui/issues/3907",0.70517945,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fH_OdgXHy_UrirtvWTgVe9ja4ss0PejjFT_W-W1M4F7g":-1},"/nuxt/ui/3315"]