\n \u003C/div>\n \u003C/u-button>\n \u003C/template>\n\n \u003Ctemplate #item=\"{ item }\">\n // Content\n \u003C/template>\n\u003C/u-accordion>\n```\n\nCurrently i don't see a way with the default slot to override the AccordionRoot trigger\n",[2004,2007],{"name":2005,"color":2006},"question","d876e3",{"name":1988,"color":1989},3455,"Override Slot for Accordion Trigger","2025-03-04T17:30:46Z","https://github.com/nuxt/ui/issues/3455",0.78202146,{"description":2014,"labels":2015,"number":2021,"owner":1994,"repository":1995,"state":1996,"title":2022,"updated_at":2023,"url":2024,"score":2025},"### 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```",[2016,2019,2020],{"name":2017,"color":2018},"bug","d73a4a",{"name":1988,"color":1989},{"name":1991,"color":1992},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.7914248,{"description":2027,"labels":2028,"number":2032,"owner":1994,"repository":1995,"state":1996,"title":2033,"updated_at":2034,"url":2035,"score":2036},"### 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```",[2029,2030,2031],{"name":2017,"color":2018},{"name":1988,"color":1989},{"name":1991,"color":1992},3882,"Select required sometimes not working","2025-04-14T08:11:48Z","https://github.com/nuxt/ui/issues/3882",0.79645586,{"description":2038,"labels":2039,"number":2043,"owner":1994,"repository":1995,"state":1996,"title":2044,"updated_at":2045,"url":2046,"score":2047},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@4.8.1\n- Builder: -\n- User Config: compatibilityDate, imports, components, devtools, modules, css, fonts, ui\n- Runtime Modules: @nuxt/eslint@1.2.0, @nuxt/fonts@0.11.0, @nuxt/image@1.10.0, @nuxt/test-utils@3.17.2, @nuxt/ui@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/blob/v3/src/theme/button.ts\n\n### Description\n\nSome button variants have `focus:outline-none` by default, so it's impossible to unset it. It's reduces accessibility\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2040,2041,2042],{"name":2017,"color":2018},{"name":1988,"color":1989},{"name":1991,"color":1992},3739,"Unable unset focus outline","2025-03-30T14:55:50Z","https://github.com/nuxt/ui/issues/3739",0.79771096,{"description":2049,"labels":2050,"number":2054,"owner":1994,"repository":1995,"state":1996,"title":2055,"updated_at":2056,"url":2057,"score":2058},"### 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.13.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\nHere is my dependencies:\n```json\n \"dependencies\": {\n \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@59d3375\",\n \"@vueuse/nuxt\": \"^11.3.0\",\n \"nuxt\": \"^3.14.1592\",\n \"nuxt-auth-sanctum\": \"^0.5.2\",\n \"tailwindcss\": \"4.0.0-alpha.34\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n }\n```\nHere is main template:\n```vue\n\u003Cscript setup lang=\"ts\">\nimport { useDebounceFn } from '@vueuse/core'\n\nconst places = ref([])\nconst placeItems = ref([])\nconst placeOpen = ref(true)\nconst placeLoading = ref(false)\nconst placeSearch = useDebounceFn(async q => {\n if (q.length > 2) {\n placeLoading.value = true\n placeItems.value = await $fetch('http://localhost:85/api/v1/places', { query: { q } })\n placeOpen.value = true\n placeLoading.value = false\n }\n}, 500)\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUFormField label=\"Places\" required>\n \u003CUInputMenu name=\"places\"\n v-model=\"places\"\n v-model:open=\"placeOpen\"\n :items=\"placeItems\"\n :loading=\"placeLoading\"\n :reset-search-term-on-blur=\"false\"\n @focus=\"placeOpen = true\"\n @update:search-term=\"placeSearch\"\n value-key=\"id\"\n label-key=\"name\"\n icon=\"i-lucide-search\"\n placeholder=\"Start typing...\"\n class=\"w-full\"\n multiple\n required />\n \u003C/UFormField>\n\u003C/template>\n```\n[Here](https://skrinshoter.ru/vSpJnffwygq) is video demonstration :)\n\n### Description\n\n`placeOpen.value = true` is not opening dropdown after fetching places.",[2051,2052,2053],{"name":2017,"color":2018},{"name":1988,"color":1989},{"name":1991,"color":1992},2724,"UInputMenu property OPEN not working properly","2024-11-23T20:32:41Z","https://github.com/nuxt/ui/issues/2724",0.7995553,{"description":2060,"labels":2061,"number":2065,"owner":1994,"repository":1995,"state":1996,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### Environment\n\nNuxt: 3.15.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/lucid-shape-9kk73c\n\n### Description\n\n\nDropdownMenu actions will not work after Udrawer closed.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2062,2063,2064],{"name":2017,"color":2018},{"name":1988,"color":1989},{"name":1991,"color":1992},3067,"UDrawer UDropdownMenu actions conflict","2025-01-11T03:54:10Z","https://github.com/nuxt/ui/issues/3067",0.8021313,{"description":2071,"labels":2072,"number":2075,"owner":1994,"repository":1995,"state":2076,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### 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/",[2073,2074],{"name":2005,"color":2006},{"name":1988,"color":1989},3792,"closed","Rendering is too slow unless installing `@tailwindcss/vite` as well?","2025-04-06T10:26:23Z","https://github.com/nuxt/ui/issues/3792",0.75521547,{"description":2082,"labels":2083,"number":2086,"owner":1994,"repository":1995,"state":2076,"title":2087,"updated_at":2088,"url":2089,"score":2090},"### 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_",[2084,2085],{"name":2017,"color":2018},{"name":1988,"color":1989},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.760084,{"description":2092,"labels":2093,"number":2095,"owner":1994,"repository":1995,"state":2076,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### 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",[2094],{"name":2005,"color":2006},2100,"disabling formgroup error template","2024-09-03T08:41:36Z","https://github.com/nuxt/ui/issues/2100",0.7730413,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"wDo0PclBox3XMZDfVN_xDtHqPq0w4sWyQfMWh4h9cT0":-1},"/nuxt/ui/3803"]