\n \u003C/template>\n\n \u003Ctemplate #item=\"{ item }\">\n \u003Cspan v-text=\"item.label\" />\n \u003C/template>\n\u003C/UDropdownMenu>\n```",[3020,3023],{"name":3021,"color":3022},"question","d876e3",{"name":3024,"color":3025},"v3","49DCB8",4636,"nuxt","ui","open","DropdownMenu keyboard interaction handling","2025-07-31T06:44:47Z","https://github.com/nuxt/ui/issues/4636",0.7139063,{"description":3035,"labels":3036,"number":3044,"owner":3027,"repository":3028,"state":3029,"title":3045,"updated_at":3046,"url":3047,"score":3048},"### Description\n\nIs it possible for defineShortcuts to extend usingInput to allow function types to be passed in for dynamic focus condition management? For example, in the implementation of imperative shortcuts, defineShortcuts are defined centrally, handler dynamically executes different commands according to the global state, but usingInput currently only allows passing in Boolean and String values, and lacks the ability to change dynamically. It may be more flexible for usingInput to have dynamics than only supporting static capabilities in actual business.\n\n### Additional context\n\n_No response_",[3037,3040,3041],{"name":3038,"color":3039},"enhancement","a2eeef",{"name":3024,"color":3025},{"name":3042,"color":3043},"triage","ffffff",4356,"defineShortcuts usingInput extension function type","2025-06-16T12:21:26Z","https://github.com/nuxt/ui/issues/4356",0.73259073,{"description":3050,"labels":3051,"number":3055,"owner":3027,"repository":3028,"state":3029,"title":3056,"updated_at":3057,"url":3058,"score":3059},"### Description\n\nhi,\n\ntest the use case here https://ui.nuxt.com/components/command-palette#with-custom-fuse-search\n\ntype any thing to search , move mouse up down , the options gets scroll , every thing is fine, \nthe use case is if user want to modify the input box query string, then user need to press arrow keys to go back to beginning of the input string , pressing Home does not work, i think pressing Home should take the cursor back to beginning of the input box!\n \n\n### Additional context\n\n_No response_",[3052,3053,3054],{"name":3038,"color":3039},{"name":3024,"color":3025},{"name":3042,"color":3043},4145,"[CommandPalette] move cursor to starting position in input box on pressing home","2025-05-13T18:38:18Z","https://github.com/nuxt/ui/issues/4145",0.77723914,{"description":3061,"labels":3062,"number":3066,"owner":3027,"repository":3067,"state":3029,"title":3068,"updated_at":3069,"url":3070,"score":3071},"### Environment\n\nThis is one of the environments i came across the problem:\r\n[11:15:23 AM] Working directory: /Users/lorenzorottigni/Documents/gitlab_private/portfolio.rottigni.tech\r\n[11:15:23 AM] Nuxt project info: (copied to clipboard)\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.13.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.21\r\n- Builder: vite\r\n- User Config: ssr, debug, srcDir, serverDir, test, app, modules, css, postcss, unocss, tailwindcss, googleFonts, i18n, nitro, pwa, image, delayHydration, extensions, typescript, builder, vite, vue, runtimeConfig, devServer, sourcemap, experimental\r\n- Runtime Modules: @vueuse/nuxt@10.7.2, @nuxtjs/tailwindcss@6.10.4, @pinia/nuxt@0.5.1, @unocss/nuxt@0.58.3, @nuxtjs/i18n@8.0.0, @nuxt/image@1.3.0, nuxt-jsonld@2.0.8, @kevinmarrec/nuxt-pwa@0.17.0, @nuxtjs/google-fonts@3.1.3, nuxt-calendly@0.1.18, nuxt-delay-hydration@1.3.3, @nuxt/test-utils/module@3.10.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n[11:15:23 AM] 👉 Report an issue: https://github.com/nuxt/nuxt/issues/new\r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\n\n### Reproduction\n\nThe crucial file is MyComponent.spec.ts:\r\nhttps://stackblitz.com/~/github.com/LorenzoRottigni/nuxt-test-utils-vitest-spy\n\n### Describe the bug\n\nI'm currently facing challenges in testing a component method within a Nuxt environment. Specifically, I'm attempting to spy on a component method to test its interactions within template events. Despite researching similar cases online, I've yet to find a clear solution to this issue.\r\n\r\nOne suggestion I encountered was to define the spy before the component mounts. However, I'm unable to access `wrapper.vm` before mount time, complicating this approach. Additionally, I experimented with spying on the global injected `$fetch` method from the 'ofetch' library. Unfortunately, this led to another error regarding the inability to redefine the variable `$fetch` when attempting variations like:\r\n\r\n```javascript\r\nimport OFetch from 'ofetch'\r\nconst spy = vi.spyOn(OFetch, '$fetch')\r\n// or\r\nconst spy = vi.spyOn(global, '$fetch')\r\n// or\r\nconst spy = vi.spyOn({ $fetch }, '$fetch')\r\n```\r\n\r\nIt appears that this issue may not be directly tied to the nuxt-test-utils package. Nevertheless, I wanted to bring it to your attention in the hopes that someone might offer guidance or assistance. I'm eager to find a resolution and would appreciate any insights or suggestions you might have.\r\n\r\nI'm also considering reporting a similar issue to the vue-test-utils package, as I suspect that this problem might be reproducible outside of the Nuxt environment.\r\n\r\nThank you for your time and assistance.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3063],{"name":3064,"color":3065},"pending triage","5D08F5",763,"test-utils","Unable to use vitest spy within nuxt 3 component methods.","2024-05-28T15:28:23Z","https://github.com/nuxt/test-utils/issues/763",0.77788454,{"description":3073,"labels":3074,"number":3077,"owner":3027,"repository":3028,"state":3078,"title":3079,"updated_at":3080,"url":3081,"score":3082},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.15.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.10.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Version\n\nv3.0.0-alpha.5\n\n### Reproduction\n\n No need. It'd be great if we had a stackblitz or codepen etc. playground example repo for v3 so that everyone can get a repo up quickly. It'd increase feedback.\n\n### Description\n\nWith v2 button text was automatically centered but now it is not? Is this expected because of radix-ui transition?\n\n```\n \u003CUButton type=\"submit\" block size=\"xl\">\n {{ $t(\"auth.login.action\") }}\n \u003C/UButton>\n```\n\n\n\n```\n \u003CUButton\n :label=\"$t('auth.login.actionKinder')\"\n type=\"submit\"\n block\n class=\"text-center\"\n size=\"xl\"\n />\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3075,3076],{"name":3021,"color":3022},{"name":3024,"color":3025},2317,"closed","Button 'block' attribute doesn't center it's content","2024-10-07T13:08:58Z","https://github.com/nuxt/ui/issues/2317",0.7408033,{"description":3084,"labels":3085,"number":3089,"owner":3027,"repository":3028,"state":3078,"title":3090,"updated_at":3091,"url":3092,"score":3093},"### Description\n\nAdd option to require a specific element to be hovered to trigger a shortcut.\n\n### Additional context\n\nIn my experience I often found it useful to limit the scope of a shortcut to specific element so that the user has to hover over the element and press so key/combination of keys.\n\nA good example could be a list of items that each has its own shortcut that will open it's detail drawer, modal... but only if the mouse is hovering the item in the list.\n\nI would like to implement this feature if it sounds interesting.",[3086,3087,3088],{"name":3038,"color":3039},{"name":3024,"color":3025},{"name":3042,"color":3043},4165,"`defineShortcuts` limit shortcut to a specific element","2025-06-11T15:47:21Z","https://github.com/nuxt/ui/issues/4165",0.7534903,{"description":3095,"labels":3096,"number":3106,"owner":3027,"repository":3028,"state":3078,"title":3107,"updated_at":3108,"url":3109,"score":3110},"### Description\n\nCurrently, I want to use the InputMenu for URL suggestions. The user can choose whether they want to select one of the suggestions or enter their own URL. There are several InputMenus, which means that the user usually wants to jump to the next field using the tab key. \n\nHowever, this is not so easy with the InputMenu. With `create-items`, the field expects a click or enter to be entered. There is no autocreate. \n\nI have also tried using `update:search-terms`, which worked well as long as the user treated it as a pure input field. However, in this case, no suggestions appear. And if the user selects a suggestion, the VModel is also empty – more precisely, it gets a value and is deleted shortly afterwards.\n\nTherefore, it would be desirable if create-items could be set to transfer the input to the V-Model immediately, or if there was a general mode in which the input field treats the suggestions as optional.\n\n\n\n### Additional context\n\n_No response_",[3097,3098,3101,3102,3103],{"name":3038,"color":3039},{"name":3099,"color":3100},"needs reproduction","CB47CF",{"name":3024,"color":3025},{"name":3042,"color":3043},{"name":3104,"color":3105},"closed-by-bot","ededed",4106,"InputMenu with Autocreate","2025-05-18T02:13:24Z","https://github.com/nuxt/ui/issues/4106",0.7537417,{"description":3112,"labels":3113,"number":3116,"owner":3027,"repository":3117,"state":3078,"title":3118,"updated_at":3119,"url":3120,"score":3121},"In my project, `google` is not recognised as a font provider even when the font exists on [google font](https://fonts.google.com/specimen/Archivo). Here is the configuration and the output:\n\n```ts\nexport default defineNuxtConfig({\n fonts: {\n families: [\n { name: 'Archivo', provider: 'google' },\n { name: 'My Font', provider: 'local' }\n ]\n },\n})\n```\n\n\n\nAdditionally, the code example playground [here](https://stackblitz.com/github/nuxt/fonts/tree/main/playground?file=package.json) from the docs has a different but potentially similar issue where the font providers aren't being initialised. \n\n\n\n",[3114],{"name":3099,"color":3115},"C94E53",438,"fonts","`google` is not recognised as a font provider","2024-12-27T15:26:16Z","https://github.com/nuxt/fonts/issues/438",0.7572414,{"description":3123,"labels":3124,"number":3132,"owner":3027,"repository":3028,"state":3078,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.7`\n- Nuxt Version: `3.14.1592`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@nuxt/ui@2.19.2`, `@artmizu/nuxt-prometheus@2.4.0`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n### Version\n\nv2.21.1\n\n### Reproduction\n\nhttps://ui2.nuxt.com/components/select-menu#control-the-query\n\nTry to select `Wade` in the query input with mouse or trackpad \n\u003Cimg width=\"494\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a0e90d62-aabb-4d40-9d8d-a6fed67fee02\" />\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3125,3128,3129,3130],{"name":3126,"color":3127},"bug","d73a4a",{"name":3042,"color":3043},{"name":3104,"color":3105},{"name":3131,"color":3105},"stale",3583,"Accessibility: unable to select text in the query input of a select-menu","2025-06-18T09:01:31Z","https://github.com/nuxt/ui/issues/3583",0.76463836,{"description":3138,"labels":3139,"number":3142,"owner":3027,"repository":3028,"state":3078,"title":3143,"updated_at":3144,"url":3145,"score":3146},"### Description\n\nHello there,\n\nin `@nuxt/ui` v2 it was possible to access the buttons from inside `Tabs` or the input from `SelectMenu` via template refs to focus explicit elements. \nIs it possible to get that feature back especially for accessibility reasons?",[3140,3141],{"name":3021,"color":3022},{"name":3024,"color":3025},4292,"Exposing elements for better accessibility","2025-06-12T13:38:55Z","https://github.com/nuxt/ui/issues/4292",0.7677108,["Reactive",3148],{},["Set"],["ShallowReactive",3151],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fI4vCWNwDqNZisNwT_5sJsrIZZ-uBvKaVxDaJ_d2DPfM":-1},"/nuxt/ui/4450"]