\n \u003C/UCarousel>\n\u003C/template>\n\n### Description\n\nSimulate the behavior of https://m3.material.io/components/carousel/overview, Carousel will repeatedly calculate is-snapped in an infinite loop\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",3883,"nuxt","ui","open","[Carousel] Unable to differentiate item sizes","2025-04-14T08:19:21Z","https://github.com/nuxt/ui/issues/3883",0.7672776,{"description":2885,"labels":2886,"number":2891,"owner":2877,"repository":2878,"state":2879,"title":2892,"updated_at":2893,"url":2894,"score":2895},"https://www.radix-vue.com/components/dropdown-menu.html#radiogroup",[2887,2890],{"name":2888,"color":2889},"enhancement","a2eeef",{"name":2871,"color":2872},2385,"[DropdownMenu/ContextMenu] Handle `radiogroup` items type","2024-10-15T11:07:24Z","https://github.com/nuxt/ui/issues/2385",0.7709898,{"description":2897,"labels":2898,"number":2902,"owner":2877,"repository":2878,"state":2879,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.17.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.2.0, @nuxt/content@3.4.0, @vueuse/nuxt@13.0.0, @nuxt/image@1.10.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nTried to setup repo, but codesandbox was giving errors and stalling out.\n\n\n\n### Description\n\nWhen using the UDrawer component with `:dismissible=\"false\"` and `:modal=\"false\"`, the drawer still closes when users interact with elements outside the drawer. This prevents users from interacting with the form or other page elements while the drawer is open.\n\n**Steps to Reproduce**\nCreate a UDrawer component with :dismissible=\"false\"\nSet the drawer to be open\nTry to interact with form elements or other content outside the drawer\n\n### Additional context\n\nExpected Behavior\nAccording to the documentation at https://ui.nuxt.com/components/drawer#prevent-closing, setting dismissible=\"false\" should prevent the drawer from closing when clicking outside or pressing escape.\nActual Behavior\nThe drawer still closes when clicking outside, making it impossible to interact with form elements on the page while the drawer is open.\n\n```\n\u003CUDrawer\n v-model:open=\"showMobileResults\"\n direction=\"bottom\"\n :modal=\"false\"\n :handle=\"false\"\n :overlay=\"false\"\n dismissible=\"false\"\n title=\"Biological Age Results\"\n description=\"View your biological age and longevity estimates\"\n>\n \u003C!-- Drawer content here -->\n\u003C/UDrawer>\n```\n\n### Logs\n\n```shell-script\n\n```",[2899,2900,2901],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},3727,"UDrawer ignores :dismissible=\"false\" prop and still closes when interacting outside","2025-03-29T12:52:08Z","https://github.com/nuxt/ui/issues/3727",0.7753423,{"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":2868,"color":2869},{"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.79412323,{"description":2919,"labels":2920,"number":2924,"owner":2877,"repository":2878,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Description\r\n\r\nHi, is there any way to disable the error template? \r\n\r\nI just tried to set an empty template, but this creates a div with some classes that create a slight jump because of the set class mt-2... and overwriting from the template is also not possible...\r\n\r\nI need to do this because I need to show some custom logic where error messages are used as hints.\r\n\r\ncheers,\r\ngregor",[2921],{"name":2922,"color":2923},"question","d876e3",2100,"closed","disabling formgroup error template","2024-09-03T08:41:36Z","https://github.com/nuxt/ui/issues/2100",0.71549106,{"description":2931,"labels":2932,"number":2935,"owner":2877,"repository":2878,"state":2925,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### 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_",[2933,2934],{"name":2868,"color":2869},{"name":2871,"color":2872},2399,"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.7284055,{"description":2941,"labels":2942,"number":2947,"owner":2877,"repository":2878,"state":2925,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Description\n\nWould be helpful to have code and examples on the taost page for the toaster wrapper. Like UI slots etc.\n\n### Additional context\n\n_No response_",[2943,2946],{"name":2944,"color":2945},"documentation","0075ca",{"name":2871,"color":2872},2937,"Toaster documentation missing","2024-12-20T10:54:43Z","https://github.com/nuxt/ui/issues/2937",0.76812726,{"description":2953,"labels":2954,"number":2957,"owner":2877,"repository":2878,"state":2925,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Description\n\nI appreciate new version 3 of NuxtUI very much.\n\nOn production build of my recent app, it seems to take too much time (~5s) to SSR every page.\nSome pages does not fetch any data, so I wondered if NuxtUI or TailwindCSS were responsible for that.\n(Lighthouse score was very fine, by the way)\n\nThe app had neither dependencies of `tailwindcss` nor `@tailwindcss/vite` in package.json, so I installed them to try to improve first show speed.\nSurprisingly, it worked and showed quickly (~1s). The problem now fixed.\n\nIt is friendly for developers that NuxtUI requires TailwindCSS packages because it contains the dependencies in it.\nHowever, I don't think that the capability of NuxtUI is fully delivered without `@tailwindcss/vite`.\nI wish some internal implementation around this problem would be identified to get refined. Thank you.\n\nHere is the app before/after installing `tailwindcss` and `@tailwindcss/vite` (excuse me it's Japanese only):\n\n- Before: https://67e0d5d81fdcb30008c12162--dodoi2.netlify.app/\n- After: https://67efec8e3667f0000841d4df--dodoi2.netlify.app/",[2955,2956],{"name":2922,"color":2923},{"name":2871,"color":2872},3792,"Rendering is too slow unless installing `@tailwindcss/vite` as well?","2025-04-06T10:26:23Z","https://github.com/nuxt/ui/issues/3792",0.7724324,{"description":2963,"labels":2964,"number":2968,"owner":2877,"repository":2877,"state":2925,"title":2969,"updated_at":2970,"url":2971,"score":2972},"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>",[2965],{"name":2966,"color":2967},"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.7737038,{"description":2974,"labels":2975,"number":2979,"owner":2877,"repository":2877,"state":2925,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### What problem does this feature solve?\r\n\r\nThe main problem I am experiencing is the unnecessary query parameters inside `$router.replace()`. Now, assuming I am inserting multiple parameters or a JSON object inside the `query:`, some of the paramters might have null, undefined or empty values. It would be great if we had an option to simply avoid showing these parameters in the URL if they are not wanted.\r\n\r\n### What does the proposed changes look like?\r\n\r\nAs an example I have the below `replace()`\r\n```\r\nconst hasBrandQuery = 'brandIds: 5'\r\nconst hasProductQuery = null\r\nthis.$router.replace({\r\n query: {\r\n hasBrandQuery,\r\n hasProductQuery\r\n }\r\n})\r\n```\r\nThe problem I have with the code above is that I don't want `hasProductQuery` to be shown in my URL, simply because it has no specific value and it should only show `hasBrandQuery`.\r\nI think this would be a good feature if we had an option to enable such a thing.\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8879\">#c8879\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2976,2978],{"name":2888,"color":2977},"8DEF37",{"name":2966,"color":2967},5305,"$router Optional query parameters ","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/5305",0.7784969,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffrkwzl6K7xjW0gSEaS_fFkVPpO02EFxPU3InA5bEUSQ":-1},"/nuxt/ui/3092"]