\n \u003Ctemplate #content>\n \u003CUDropdownMenu\n :items=\"items\"\n >\n \u003CUButton label=\"Open Drop down\"/>\n \u003C/UDropdownMenu>\n \u003C/template>\n \u003C/UDrawer>\n\u003C/template>\n```\n\n### Logs\n\n```shell-script\nUncaught InternalError: too much recursion\n NuxtJS 5\n focus\n handleFocusOut\n ct\n f\n focus\n```",[3145,3148,3151],{"name":3146,"color":3147},"bug","d73a4a",{"name":3149,"color":3150},"v3","49DCB8",{"name":3152,"color":3153},"reka-ui","56d799",3357,"nuxt","ui","closed","Cant put dropdown inside drawer","2025-04-08T19:49:57Z","https://github.com/nuxt/ui/issues/3357",0.72702014,{"description":3163,"labels":3164,"number":3167,"owner":3155,"repository":3156,"state":3157,"title":3168,"updated_at":3169,"url":3170,"score":3171},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\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://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo4\n\n### Description\n\nThe button styles in UModal body should not be affected by UButtonGroup. I'm not sure if this is a bug or a feature.\n\n\n```vue\n\u003Ctemplate>\n \u003CUButtonGroup>\n \u003CUModal\n :close=\"true\"\n v-model:open=\"open\"\n title=\"Test\"\n >\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"open = true\"\n >\n Modal Button\n \u003C/UButton>\n \u003Ctemplate #body>\n Body\n \u003C/template>\n \u003Ctemplate #footer>\n \u003Cdiv class=\"flex justify-start w-full gap-4\">\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Cancel\"\n @click=\"open = false\"\n />\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Middle\"\n @click=\"open = false\"\n />\n \u003CUButton\n type=\"submit\"\n class=\"rounded\"\n label=\"Confirm\"\n color=\"primary\"\n @click=\"open = false\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"\"\n >\n Other Button\n \u003C/UButton>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\u003Cimg width=\"362\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/da66f0d8-fc42-45a5-b1e1-d7214468b24a\" />\n\n\u003Cbr>\n\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a50767ec-bea5-4c88-9b45-963f8e81e5df\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3165,3166],{"name":3146,"color":3147},{"name":3149,"color":3150},2978,"The button styles in UModal body should not be affected by UButtonGroup.","2025-02-07T15:32:58Z","https://github.com/nuxt/ui/issues/2978",0.7284451,{"description":3173,"labels":3174,"number":3175,"owner":3155,"repository":3176,"state":3157,"title":3177,"updated_at":3178,"url":3179,"score":3180},"After update with `Suspense` I can't pass class & event listeners for NuxtIcon component.\n\nFor example:\n```vue\n\u003CIcon name=\"mdi:puzzle\" class=\"absolute h-[40px] w-6 cursor-pointer rounded text-emerald-600\" />\n```\n \nNow rendered as:\n\n```html\n\u003Cspan class=\"iconify i-mdi:puzzle\" aria-hidden=\"true\">\u003C/span>\n```\n\nInstead correct v1.7.6\n```html\n\u003Cspan class=\"iconify i-mdi:puzzle absolute h-[40px] w-6 cursor-pointer rounded text-emerald-600\" aria-hidden=\"true\">\u003C/span>\n```\n\nAnd with warnings:\n```console\n WARN [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.\n at \u003CNuxtIcon name=\"mdi:puzzle\" class=\"h-[40px] w-6 cursor-pointer rounded text-emerald-600\" >\n at \u003CRouterLink ref=undefined to=\"/\" activeClass=undefined ... >\n at \u003CNuxtLink href=\"/\" >\n at \u003CError error= options.customise is not a function\n\n \u003Cspan class=\"stack internal\">at getCSS (node_modules\\@nuxt\\icon\\dist\\runtime\\components\\css.js:93:41)\u003C/span>\n \u003Cspan class=\"stack internal\">at node_modules\\@nuxt\\icon\\dist\\runtime\\components\\css.js:169:25\u003C/span>\u003C/pre> >\n at \u003CNuxtRoot>\n```\n\nSame issue with event listeners, for example:\n```vue\n\u003CIcon name=\"ant-design:plus-outlined\" class=\"icon\" @click=\"popoverOpenIndex = index\" @dblclick.stop />\n```\n\n`@click` not work now\n\nWith `\u003CIcon :suspensible=\"false\" ... />` same issue\n\n----\n`vue`: 3.5.13\n`nuxt`: 3.14.159\n`@nuxt/icon`: 1.8.0\nnode: 22.10.0\n\n",[],300,"icon","Issues with update 1.8.0 (Fallthrough Attributes)","2024-11-19T09:46:49Z","https://github.com/nuxt/icon/issues/300",0.73515975,{"description":3182,"labels":3183,"number":3192,"owner":3155,"repository":3156,"state":3157,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: modules, compatibilityDate, devtools, css, ui, devServer, future, telemetry, hooks, eslint\n- Runtime Modules: @nuxt/eslint@0.6.2, @nuxt/ui-pro@3.0.1, nuxt-jsonld@2.1.0, @pinia/nuxt@0.10.1\n- Build Modules: -\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt v3.16.1\nui-pro v3.0.1\n\n### Reproduction\n\nWhen I add the following to my nuxt.config.ts:\n\n```ts\n{\n ui: {\n colorMode: false\n }\n}\n```\n\n...then `npx nuxi typecheck` fails with 8 errors.\n\n```\n[...snip]\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n18 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\n\nFound 8 errors in 8 files.\n\nErrors Files\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSwitch.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/content/ContentSearch.vue:89\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/DashboardSearch.vue:57\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10\n\n ERROR Process exited with non-zero status (2)\n```\n\n### Description\n\nI think that there probably needs to be a stub export set up in all cases? Or these files should not be gathered by the typechecking script?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3184,3185,3186,3189],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3187,"color":3188},"pro","5BD3CB",{"name":3190,"color":3191},"triage","ffffff",3657,"Setting ui.colorMode = false breaks nuxi typecheck","2025-03-27T20:54:57Z","https://github.com/nuxt/ui/issues/3657",0.73569936,{"description":3198,"labels":3199,"number":3202,"owner":3155,"repository":3203,"state":3157,"title":3204,"updated_at":3205,"url":3206,"score":3207},"On hover, border effect doesn't work on Firefox/Safari",[3200],{"name":3146,"color":3201},"ff281a",1136,"nuxt.com"," Cards: border","2023-02-15T12:31:10Z","https://github.com/nuxt/nuxt.com/issues/1136",0.7393002,{"description":3209,"labels":3210,"number":3213,"owner":3155,"repository":3156,"state":3157,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.2\n- Builder: -\n- User Config: compatibilityDate, devtools, runtimeConfig, nitro, routeRules, modules, supabase, site, feed, sitemap, robots, schemaOrg, image\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxtjs/supabase@1.4.6, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0, @nuxthub/core@0.8.15, @nuxtjs/sitemap@7.2.4, nuxt-module-feed@1.1.4, @nuxtjs/robots@5.2.2, nuxt-schema-org@4.1.1, nuxt-link-checker@4.1.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n```vue\n\u003CUModal\n :ui=\"{\n title: 'sr-only',\n description: 'sr-only',\n }\"\n :title=\"will not work\"\n :description=\"will not work\">\n \u003Ctemplate #content>\n \u003Cp>anything\u003C/p>\n \u003C/template>\n\u003C/UModal>\n```\n\n### Description\n\nNot having a title or description set for the modal will throw the following RekaUI error:\n```\nPostingCard.vue:76 Warning: `DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users.\n\nIf you want to hide the `DialogTitle`, you can wrap it with our VisuallyHidden component.\n\nWarning: Missing `Description` or `aria-describedby=\"undefined\"` for DialogContent.\n```\n\nThis is expected.\n\nThe problem is when you use the `content` slot of `UModal`, you can't set the title or description, either through props or by using the `title` or `description` slot.\n\nIt would be nice if setting the title and description slots/props while using the content still applies them but automatically applies `sr-only`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3211,3212],{"name":3146,"color":3147},{"name":3149,"color":3150},3267,"Modal content slot causes accessibility issues","2025-02-21T10:49:04Z","https://github.com/nuxt/ui/issues/3267",0.7465763,{"description":3219,"labels":3220,"number":3221,"owner":3155,"repository":3222,"state":3157,"title":3223,"updated_at":3224,"url":3225,"score":3226},"Hello, Thanks for great work I'm looking forward to use the module\r\n\r\nI remember a `strategy` or a similar option being discussed that let the user specify where to load the script. A possible option would be a worker to offload the 3rd party script entirely from the main thread. I can't find that discussion to link it.\r\n\r\nIs there a way to use a worker for the scripts? Also will there be some kind of integration with tools like partytown? Thanks!",[],56,"scripts","[Question]: Usage with web workers (partytown)","2024-07-24T12:05:47Z","https://github.com/nuxt/scripts/issues/56",0.7481211,{"description":3228,"labels":3229,"number":3239,"owner":3155,"repository":3156,"state":3157,"title":3240,"updated_at":3241,"url":3242,"score":3243},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n.\n\n### Description\n\nI want the Popover component to open when a fetch call is made and the results are displayed in the Popover. For example, I want the search results to be displayed, but as soon as I click on the input, the Popover will be displayed.\n\nThis is my code:\n```\n\u003CUPopover v-model:open=\"search.open\" arrow>\n \u003Cdiv class=\"header-search relative flex flex-row items-center w-full max-w-96\">\n \u003Cinput v-model=\"search.param\"\n class=\"input bg-transparent border rounded-3xl focus:ring-0 outline-0 py-1 px-2 w-full\" />\n \u003C/div>\n \u003Ctemplate #content>\n ...\n \u003C/template>\n \u003C/UPopover>\n```\n\nDid I do something wrong?\nPlease help me.\nThanks\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3230,3231,3234,3235,3236],{"name":3146,"color":3147},{"name":3232,"color":3233},"needs reproduction","CB47CF",{"name":3149,"color":3150},{"name":3190,"color":3191},{"name":3237,"color":3238},"closed-by-bot","ededed",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.7491869,{"description":3245,"labels":3246,"number":3250,"owner":3155,"repository":3155,"state":3157,"title":3251,"updated_at":3252,"url":3253,"score":3254},"Hello. After I upgrade Nuxt my code broke.\r\n\r\nI have this in template\r\n\r\n```\r\n\u003C header @scroll=\"handleScroll\" :class=\"[{'headroom--unpinned': scrolled 'default-header': zeroscrolled} header]\">\u003C/header>\r\n```\r\nscript\r\n```\r\nmethods: {\r\n handleScroll: function () {\r\n if (!this.activeOverlay && this.lastPosition \u003C window.scrollY && this.limitPosition \u003C window.scrollY) {\r\n this.scrolled = true\r\n // move up!\r\n }\r\n if (this.lastPosition > window.scrollY) {\r\n this.scrolled = false\r\n this.zeroscrolled = false\r\n // move down\r\n }\r\n if (this.$route.path === '/' && this.zeroScroll \u003C window.scrollY) {\r\n this.zeroscrolled = true\r\n }\r\n this.lastPosition = window.scrollY\r\n }\r\n },\r\n created () {\r\n if (process.BROWSER_BUILD) {\r\n // window.onNuxtReady(() => {\r\n window.addEventListener('scroll', this.handleScroll)\r\n // })\r\n }\r\n },\r\n destroyed () {\r\n if (process.BROWSER_BUILD) {\r\n // window.onNuxtReady(() => {\r\n window.removeEventListener('scroll', this.handleScroll)\r\n // })\r\n }\r\n }\r\n```\r\n\r\nWhat changes was made? What can cause the issue? All was working perfectly hour ago!\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/c1334\">#c1334\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3247],{"name":3248,"color":3249},"2.x","d4c5f9",1498,"After updating to `latest` scroll binding stopped working","2023-01-18T15:41:51Z","https://github.com/nuxt/nuxt/issues/1498",0.75089574,{"description":3256,"labels":3257,"number":3265,"owner":3155,"repository":3156,"state":3157,"title":3266,"updated_at":3267,"url":3268,"score":3269},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nHi I would like to have within the component UselectMenu emit the event \"scroll\" \nwith the following properties: \n```\n{\n target: HTMLElement, \n currentTarget: HTMLElement, \n scrollTop: number,\n scrollHeight: number, \n clientHeight: number, \n}\n```\n\n to dynamically remote search items through an api and append it dynamically to my USelectMenu to create an infinite scroll. \n\nThis feature would be great in both version :)\n\n### Additional context\n\n_No response_",[3258,3261,3262,3263],{"name":3259,"color":3260},"enhancement","a2eeef",{"name":3190,"color":3191},{"name":3237,"color":3238},{"name":3264,"color":3238},"stale",2793,"add an emit \"scroll\" event for USelectMenu","2025-06-18T09:05:29Z","https://github.com/nuxt/ui/issues/2793",0.7537991,["Reactive",3271],{},["Set"],["ShallowReactive",3274],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJoMvHBsT9DLmHg6kOkOLe5l6cNmAEDAFpUpbKiAg_w4":-1},"/nuxt/nuxt.com/626"]