\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\" />",[2897,2900,2901],{"name":2898,"color":2899},"bug","d73a4a",{"name":2871,"color":2872},{"name":2874,"color":2875},3972,"Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.75642073,{"description":2908,"labels":2909,"number":2913,"owner":2877,"repository":2878,"state":2879,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.1.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.0`\n- Nitro Version: `2.11.8`\n- Package Manager: `yarn@4.7.0`\n- Builder: `-`\n- User Config: `modules`, `ssr`, `components`, `app`, `css`, `runtimeConfig`, `compatibilityDate`, `nitro`, `vite`, `eslint`\n- Runtime Modules: `@pinia/nuxt@0.10.1`, `pinia-plugin-persistedstate/nuxt@4.2.0`, `@nuxt/ui@3.0.2`, `dayjs-nuxt@2.1.11`, `@nuxt/eslint@1.3.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/festive-feather-mzq49q\n\nIn the second select (which is wrapped in a form tag), don't select anything, and click save to submit the form.\n\nIt should show the browser \"this input is required\" tooltip.\n\n### Description\n\nI can't really understand why/how this happens. Sometimes, the `required` prop on a Select component will not prevent the form to be submitted. But sometimes it's working fine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2910,2911,2912],{"name":2898,"color":2899},{"name":2871,"color":2872},{"name":2874,"color":2875},3882,"Select required sometimes not working","2025-04-14T08:11:48Z","https://github.com/nuxt/ui/issues/3882",0.7595492,{"description":2919,"labels":2920,"number":2923,"owner":2877,"repository":2878,"state":2924,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.18.2\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.27\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\ne6143e8\n\n### Reproduction\n\nThis issue can be seen in the official demo at https://ui3.nuxt.dev/components/context-menu, so I don't think a reproduction is necessary.\n\n### Description\n\nWhen right clicking twice into the same \"block\", the browser context menu opens instead of the custom context menu. This also happens if multiple `\u003CUContextMenu>` blocks are used on the same page, when right clicking into one, and then directly into another one (without clicking anywhere else in between) opens the default browser context menu.\n\nv2 did not have the same behaviour, and this does not seem to happen in the [Radix Vue demo](https://www.radix-vue.com/components/context-menu).\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2921,2922],{"name":2898,"color":2899},{"name":2871,"color":2872},2399,"closed","ContextMenu: Right clicking twice or at a different context menu causes browser context menu to show","2024-11-28T13:56:19Z","https://github.com/nuxt/ui/issues/2399",0.7073874,{"description":2930,"labels":2931,"number":2936,"owner":2877,"repository":2878,"state":2924,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv2.18.7\n\n### Reproduction\n\n-\n\n### Description\n\nI'm using downloaded font awesome 6 svg's in my assets folder, but somehow I can't override the surround icons.\n\n**nuxt.config.ts**\n```ts\n// @nuxt/icon (handled by @nuxt/ui)\nicon: {\n customCollections: [\n {\n prefix: \"fa-light\",\n dir: \"./assets/icons/font-awesome/light\",\n },\n {\n prefix: \"fa-brands\",\n dir: \"./assets/icons/font-awesome/brands\",\n },\n ],\n},\n```\n\n**app.config.js**\n```js\nexport default defineAppConfig({\n ui: {\n icons: {\n prev: \"fa-light:arrow-left\",\n next: \"fa-light:arrow-right\",\n },\n\n content: {\n surround: {\n icon: {\n prev: \"fa-light:arrow-left\",\n next: \"fa-light:arrow-right\",\n },\n },\n },\n },\n},\n```\n\nAdding it to `icons.prev` and `icons.next` is not working at all.\n\nOverriding it in `content.surround.icon....` is working (class-wise), but simply not adding the icons..\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2932,2933],{"name":2898,"color":2899},{"name":2934,"color":2935},"duplicate","cfd3d7",2447,"Surround icons not updating with custom font","2024-11-10T21:45:37Z","https://github.com/nuxt/ui/issues/2447",0.71331865,{"description":2942,"labels":2943,"number":2948,"owner":2877,"repository":2878,"state":2924,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Environment\n\n```\nNuxt project info: 4:16:28 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.14.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.8.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @nuxt/eslint@0.3.13, @nuxt/test-utils/module@3.14.4, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-shiki@0.3.0, nuxt-svgo@4.0.8\n- Build Modules: -\n------------------------------\n```\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nI don't know how to reproduce it unfortunately.\n\n### Description\n\nI often have a bunch of `[Icon] loading icon `heroicons:magnifying-glass` timed out after 500ms` on firefox\n\n\n\nit impacts the breadcrumb component\n\nbut also other `\u003CUIcon>` instances\n\nDo you have any idea about where those timeouts maybe coming from \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2944,2945],{"name":2898,"color":2899},{"name":2946,"color":2947},"upstream","78bddb",2573,"Icon timeout despite having installed the @iconify-json/heroicons collection","2024-11-08T16:41:20Z","https://github.com/nuxt/ui/issues/2573",0.7192555,{"description":2954,"labels":2955,"number":2960,"owner":2877,"repository":2878,"state":2924,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Description\n\nMight have missed this in the beta 2 docs, but curious how we're supposed to close the current `Modal` or `Slideover` instance from within the component using the new `useOverlay` composable. I see a few references to `useOverlayInstance` in other issue but that composable doesn't seem to be available in the current beta.\n\nThanks!",[2956,2959],{"name":2957,"color":2958},"question","d876e3",{"name":2871,"color":2872},3429,"How to get current modal/slideover instance?","2025-03-02T17:44:50Z","https://github.com/nuxt/ui/issues/3429",0.7266857,{"description":2966,"labels":2967,"number":2969,"owner":2877,"repository":2878,"state":2924,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### 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_",[2968],{"name":2898,"color":2899},2261,"\"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.7275369,{"description":2975,"labels":2976,"number":2980,"owner":2877,"repository":2877,"state":2924,"title":2981,"updated_at":2982,"url":2983,"score":2984},"I'm trying to create a very simple application. \r\nThat is: the page with the search box at the top and ~~search results below~~ nothing, just a box.\r\nWhen a user types something in the box, the url should be automatically updated. \r\nFor example, if a user types `something`, the url should become `/search?srch=something`.\r\nWhen a user reloads the `/search?srch=something`, the page should appear with `something` already typed in the input field. \r\n\r\nHere's the example, https://github.com/Kasheftin/nuxt-search-bug, and the relevant page from there: https://github.com/Kasheftin/nuxt-search-bug/blob/master/pages/search.vue\r\n\r\nSo I watch for the changes of the input field and call `this.$router.replace({name: 'search', query: {srch: srch}}`. Actually, I don't want any logic to run, I want just update the url. But the logic runs, I can't disable it (I tried to change the this.$router.listener.ready, replace the listener with some dummy function etc). It destroys the current search component, creates a new one, the input loses the focus. This all works buggy and looks buggy as well. \r\n\r\nI'm not sure if it's the nuxt's bug or the vue-router's itself. The last is strange, it misses obvious parameters like any other library has, for example one using backbone router could easily pass additional {trigger: true/false} parameter to the navigate function, but the vue-router does not have any. It has a lot of guards, but they are useless if you want to change the url, but don't want to trigger any logic behind.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1468\">#c1468\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2977],{"name":2978,"color":2979},"2.x","d4c5f9",1642,"Update the url causes reinitialization of the current component","2023-01-18T15:42:07Z","https://github.com/nuxt/nuxt/issues/1642",0.7319181,["Reactive",2986],{},["Set"],["ShallowReactive",2989],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ftniFG5INvPhJ8KYSNzym-26KG-7YALBkcIbVl9iRLrI":-1},"/nuxt/ui/2100"]