\n```\n\nsame result is expected when using `active`, but `leadingIcon` is ignored\n```\n\u003CUButton\n label=\"Label\"\n active\n active-color=\"primary\"\n active-variant=\"soft\"\n icon=\"mdi-account\"\n @click.prevent=\"active = !active\"\n/>\n```\n\n### Additional context\n\n\u003Cimg width=\"202\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0756fb1c-772c-44ae-855d-90aba304bd9e\" />",[3019,3022,3025],{"name":3020,"color":3021},"bug","d73a4a",{"name":3023,"color":3024},"v3","49DCB8",{"name":3026,"color":3027},"triage","ffffff",3972,"nuxt","ui","open","Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.75767285,{"description":3037,"labels":3038,"number":3044,"owner":3029,"repository":3030,"state":3031,"title":3045,"updated_at":3046,"url":3047,"score":3048},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.12.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.18.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4, @vueuse/nuxt@12.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.x\n\n### Reproduction\n\n[nuxt-ui-button-transition-repro](https://github.com/fech-dev/nuxt-ui-button-transition-repro)\n\n### Description\n\nI'm unable to animate (or use transitions) with vue's Transition component with UButton. I've noticed that the UButton uses NuxtLink that renders a fragment. This is causing the problem, since Transition component will not be able to work with fragments. \n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Component inside \u003CTransition> renders non-element root node that cannot be animated. \n at \u003CNuxtLink class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" raw=true custom=\"\" > \n at \u003CULink type=undefined disabled=false class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" ... > \n at \u003CUButton key=\"_default1\" label=\"Open\" onClick=fn > \n at \u003CBaseTransition appear=false persisted=false mode=undefined ... > \n at \u003CTransition enter-from-class=\"opacity-0 translate-x-100\" enter-active-class=\"transition duration-400\" leave-active-class=\"transition duration-400\" ... > \n at \u003CFadeTransition > \n at \u003CPrimitive as=undefined class=\"max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8 flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CUContainer class=\"flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[3039,3040,3041],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3042,"color":3043},"upstream","78bddb",3037,"Unable to animate Button with Transition component","2025-03-22T21:43:43Z","https://github.com/nuxt/ui/issues/3037",0.7630168,{"description":3050,"labels":3051,"number":3053,"owner":3029,"repository":3030,"state":3054,"title":3055,"updated_at":3056,"url":3057,"score":3058},"### Environment\r\n\r\n- Operating system: \"android 14\"\r\n- Nuxt Version: \"3.13.2\"\r\n- Vue Version: \"3.5.8\"\r\n- \r\n\r\n### Version\r\n\r\nv2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://ui.nuxt.com/components/dropdown\r\n\r\n\r\n\r\n\r\n\r\n### Description\r\n\r\nclicking on the dropdown button doesn't work in mobile view. the \"click\" event & the \"touchstart\" event, call the same function (toggle dropdown visibility), and neutralize each other. (basically, click event opens the dropdown, the touchstart event, closes the dropdown)\r\n\r\nI tested it and in both android 14 & in windows, firefox (mobile view mode), I got the same result.\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[3052],{"name":3020,"color":3021},2261,"closed","\"UDropdown\": Toggle NOT Working in Mobile. click event & touchstart event neutralize each other.","2024-10-01T13:00:59Z","https://github.com/nuxt/ui/issues/2261",0.75418806,{"description":3060,"labels":3061,"number":3062,"owner":3029,"repository":3063,"state":3054,"title":3064,"updated_at":3065,"url":3066,"score":3067},"\u003Cimg width=\"782\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5158436/205641829-6099b2e8-0287-4c4d-ae65-15031410390e.png\">\r\n\r\nThe spacing between the file name and comment is too narrow (a little space could be nice to make the gap)\r\n\r\nRelated accessibility issue found: As you can see in the screenshot, there is no indicator there is a vertical scroll even when moving the cursor to the code block (there is more code to scroll to the right).",[],1065,"nuxt.com","Spacing in code snippts between file name","2022-12-21T12:42:17Z","https://github.com/nuxt/nuxt.com/issues/1065",0.7545817,{"description":3069,"labels":3070,"number":3076,"owner":3029,"repository":3030,"state":3054,"title":3077,"updated_at":3078,"url":3079,"score":3080},"### Environment\n\n- Operating System: Darwin\n- Node Version: -\n- Nuxt Version: -\n- CLI Version: -\n- Nitro Version: -\n- Package Manager: -\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\n3.16.1\n\n### Reproduction\n\nhttps://dashboard-template.nuxt.dev/\n\nhttps://github.com/user-attachments/assets/c7c84465-1507-4ba8-a321-1e4f7def60f1\n\n### Description\n\nI was checking the pro dashboard template and found that.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3071,3072,3073],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3074,"color":3075},"pro","5BD3CB",3713,"Command behind Slideover in Nuxt UI Pro Template","2025-03-28T15:16:02Z","https://github.com/nuxt/ui/issues/3713",0.75539446,{"description":3082,"labels":3083,"number":3086,"owner":3029,"repository":3030,"state":3054,"title":3087,"updated_at":3088,"url":3089,"score":3090},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.7.0\n- Nuxt Version: -\n- CLI Version: 3.22.2\n- Nitro Version: -\n- Package Manager: pnpm@10.5.2\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\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/getting-started/installation/pro/vue#add-to-a-vue-project\n\n### Description\n\nI was going through https://ui3.nuxt.dev/getting-started/installation/pro/vue#add-to-a-vue-project\nand got that problem:\n[ERROR] Missing \"./vite\" specifier in \"@nuxt/ui-pro\" package [plugin externalize-deps]\n\nwhile dashboard example uses https://pkg.pr.new/@nuxt/ui-pro@83fa134 where ui-pro/dist/vite.d.ts exists.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3084,3085],{"name":3020,"color":3021},{"name":3023,"color":3024},3416,"ui-pro/dist/vite.d.ts doesn't exists","2025-02-28T10:43:06Z","https://github.com/nuxt/ui/issues/3416",0.7605276,{"description":3092,"labels":3093,"number":3097,"owner":3029,"repository":3029,"state":3054,"title":3098,"updated_at":3099,"url":3100,"score":3101},"E.g: \r\n\r\nThis common problem can avoid many `Issues`\r\n\r\nWhat do y'all think :)",[3094],{"name":3095,"color":3096},"discussion","538de2",14689,"Add FAQ section to the docs for common issues","2025-06-06T09:01:11Z","https://github.com/nuxt/nuxt/issues/14689",0.76636326,{"description":3103,"labels":3104,"number":3108,"owner":3029,"repository":3063,"state":3054,"title":3109,"updated_at":3110,"url":3111,"score":3112},"\n",[3105],{"name":3106,"color":3107},"enhancement","1ad6ff",756,"[Docs] Remove TOC for examples","2023-02-15T12:31:33Z","https://github.com/nuxt/nuxt.com/issues/756",0.7665638,{"labels":3114,"number":3120,"owner":3029,"repository":3029,"state":3054,"title":3121,"updated_at":3122,"url":3123,"score":3124},[3115,3117],{"name":3106,"color":3116},"8DEF37",{"name":3118,"color":3119},"2.x","d4c5f9",10392,"Error icon has been mispositioned","2023-02-15T00:09:14Z","https://github.com/nuxt/nuxt/issues/10392",0.7668459,{"description":3126,"labels":3127,"number":3133,"owner":3029,"repository":3030,"state":3054,"title":3134,"updated_at":3135,"url":3136,"score":3137},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.17.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0, nuxt-file-storage@0.2.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.14.1592\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst category = ref()\nconst categories = ref(await fetchApi('utils/dishCategories'))\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUModal>\n \u003CUButton icon=\"lucide:folder-plus\" variant=\"ghost\" />\n\n \u003Ctemplate #body>\n \u003CUSelectMenu v-model=\"category\"\n :items=\"categories\"\n value-key=\"id\"\n label-key=\"name\"\n :search-input=\"{ placeholder: 'Найти категорию', autofocus: true }\"\n class=\"w-full\" />\n \u003C/template>\n\n \u003Ctemplate #footer>\n \u003CUButton variant=\"soft\" class=\"ml-auto\">Добавить\u003C/UButton>\n \u003C/template>\n \u003C/UModal>\n\u003C/template>\n```\n\n### Description\n\nCant focus search input in UModal https://skr.sh/vTGxtvn6YeL\nOutside UModal all is ok.",[3128,3129,3132],{"name":3020,"color":3021},{"name":3130,"color":3131},"duplicate","cfd3d7",{"name":3023,"color":3024},2939,"USelectMenu search input is not focusable in UModal","2024-12-19T18:24:48Z","https://github.com/nuxt/ui/issues/2939",0.7671142,["Reactive",3139],{},["Set"],["ShallowReactive",3142],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNN2j8eFkneawFr9_CmLD0SKFH4E8-T8jeKwWeC3X3Dg":-1},"/nuxt/ui/3856"]