\n\nExpected: the submit handler is called.\n\n### Description\n\n`\u003Cu-file-upload required />` prevents the form submit. The field is considered not filled regardless of whether the file is actually selected or not.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3191,3192],{"name":3172,"color":3173},{"name":3178,"color":3179},5210,"UFileUpload \"required\" flag shows error when file is selected","2025-10-11T07:08:50Z","https://github.com/nuxt/ui/issues/5210",0.6896633,{"description":3199,"labels":3200,"number":3204,"owner":3181,"repository":3182,"state":3183,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Environment\n\n```\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- Runtime Modules: @nuxt/ui@3.3.3\n- Browser: Chromium 136 (windows)\n```\n\n#### Version\n\nv3.3.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/mutable-frog-xc2v8p\n\n### Description\n\nHello Nuxt Ui team!\n\nI noticed two issues with `USelect` & `USelectMenu`:\n\n1. **Input autofocus issue:** \n When typing in the input, opening the select causes the input to lose focus. Setting `:autofocus=\"false\"` has no effect, the select is still focused when opened.\n\n2. **Body lock issue:** \n Setting `:content=\"{ bodyLock: false }\"` does not prevent the body from being locked. The CSS property `pointer-events: default;` is still applied on the body.\n\nIn the case of an autocomplete, this prevents continuing to type in the input while still displaying suggested results.\n\nThanks for your help!\n",[3201,3202,3203],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3178,"color":3179},4956,"`USelect` & `USelectMenu` setting :autofocus to false or :content `bodyLock` to false have no effect","2025-09-12T12:07:19Z","https://github.com/nuxt/ui/issues/4956",0.71774143,{"description":3210,"labels":3211,"number":3218,"owner":3181,"repository":3182,"state":3219,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@10.7.1\n- Builder: -\n- User Config: modules, plugins, devtools, css, runtimeConfig, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nV3.0.2\n\n### Reproduction\n\nhttps://github.com/user-attachments/assets/96d306b8-967d-4d16-841d-bffe9d6b0fa0\n\n### Description\n\nSelect component no longer receives focus properly, which breaks keyboard navigation (e.g. using Tab or arrow keys to open and navigate the options). \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3212,3213,3216,3217],{"name":3172,"color":3173},{"name":3214,"color":3215},"needs reproduction","CB47CF",{"name":3175,"color":3176},{"name":3178,"color":3179},3791,"closed","Focus no longer works on Select component","2025-04-30T13:25:54Z","https://github.com/nuxt/ui/issues/3791",0.6649573,{"description":3225,"labels":3226,"number":3229,"owner":3181,"repository":3182,"state":3219,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.18.0`\n- Nuxt Version: `4.1.1`\n- CLI Version: `3.28.0`\n- Nitro Version: `2.12.4`\n- Package Manager: `npm@11.5.2`\n- Builder: `-`\n- User Config: `runtimeConfig`, `modules`, `devtools`, `supabase`, `css`, `routeRules`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui-pro@3.3.3`, `@vueuse/nuxt@13.9.0`, `@nuxtjs/supabase@1.6.2`, `nuxt-charts@0.2.3`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\nv3.3.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/zen-euclid-cf554n\n\n### Description\n\nThe problem occurs because the UFileUpload component likely contains a button element that doesn't have an explicit type attribute, causing it to default to type=\"submit\", which triggers form submission.\n\n### Additional context\n\n```\n\u003Ccomponent\n :is=\"variant === 'button' ? 'button' : 'div'\"\n ref=\"dropzoneRef\"\n :type=\"variant === 'button' ? 'button' : undefined\" // 👈 add this maybe?\n :role=\"variant === 'button' ? undefined : 'button'\"\n :data-dragging=\"isDragging\"\n :class=\"ui.base({ class: props.ui?.base })\"\n :tabindex=\"interactive && !disabled ? 0 : -1\"\n @click=\"interactive && !disabled && open()\" \n @keydown.prevent\n @keyup.enter.space=\"interactive && !disabled && open()\"\n>\n```\n\n### Logs\n\n```shell-script\n\n```",[3227,3228],{"name":3172,"color":3173},{"name":3175,"color":3176},4935,"UFileUpload with variant button inside form will cause UForm submit","2025-09-09T14:55:29Z","https://github.com/nuxt/ui/issues/4935",0.68173933,{"description":3235,"labels":3236,"number":3243,"owner":3181,"repository":3181,"state":3219,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.18.2`\r\n- Nuxt Version: `3.6.1`\r\n- Nitro Version: `2.5.2`\r\n- Package Manager: `npm@9.8.1`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `nitro`, `app`, `modules`, `security`, `vite`\r\n- Runtime Modules: `nuxt-security@1.0.0-rc.2`, `nuxt-vitest@0.10.2`\r\n- Build Modules: `-`\r\n\r\n\r\nAlthough we are pinned at Nuxt v3.6.1 'for reasons' the bug can be observed in StackBlitz repro on Nuxt v3.8.2\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-6rrfcj?file=pages%2Findex.vue\r\n\r\nNote: Issue relates to keyboard navigation! - not mouse.\r\n\r\n- Open `index` page and tab bring focus to button labelled `Goto Two`. \r\n- Hit enter key to effectively `click` button. (remember, keyboard - not mouse!)\r\n- Browser navigates to page `two`\r\n\r\nNotice the header suggests that the function `handleNext` has been called. This suggest that the `@keyup` event has fired on the `input` control on page `two` as `handleNext` is the function handling of that event. I can't think why this should be expected behaviour. Almost as if the `keyup` event from pressing the button on the `index` page is being seen by page `two` when the `focus()` call is made?! \r\n\r\nOpen the browser devtools to see console.log messages also indicating that `handleNext` has been called.\r\n\r\nAlso, to add additional context/relevant to help diagnose the error. In the script for `two.vue` there is another option (2) that can be uncommented and option (1) commented out. This only calls `focus()` after a delay. With this in place the potential bug doesn't happen.\r\n\r\n### Describe the bug\r\n\r\nI'm seeing what I think maybe a bug when navigating to a page that combines and `input` control with an associated `@keyup` handler that is also focused on page load via `onMounted` lifecycle event.\r\n\r\nFollow the reproduction above and also the effect of delaying the call to `focus()` on the `input` control.\r\n\r\n\r\n### Additional context\r\n\r\nChanging the event type on the `input` field from `@keyup` to `@keydown` also avoids the issue.\r\n\r\n### Logs\r\n\r\n_No response_",[3237,3240],{"name":3238,"color":3239},"3.x","29bc7f",{"name":3241,"color":3242},"pending triage","E99695",24434,"Unexpected @keyup triggering on focused input field when navigated to via keyboard \"click\"","2023-11-28T14:35:12Z","https://github.com/nuxt/nuxt/issues/24434",0.6926228,{"description":3249,"labels":3250,"number":3257,"owner":3181,"repository":3182,"state":3219,"title":3258,"updated_at":3259,"url":3260,"score":3261},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: ssr, devtools, modules, css, app, runtimeConfig, i18n, devServer, colorMode, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.2, @pinia/nuxt@0.5.5, @nuxt/eslint@0.5.7, @nuxtjs/i18n@9.5.3, @nuxtjs/device@3.2.4\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://codesandbox.io/p/devbox/blazing-currying-smhzvr\nnew: https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks\n\n### Description\n\nI have search input inside UDropdownMenu to search items:\n1. When I focus input then hover items input loosing focus\n2. When I start typing input loosing focus and items are getting focus. You can try in reproduction url.\n3. [Offtop] Also there should be slot for menu iteself \n\n### Additional context\n\nAs I said I'm trying to type \"t\" but not working at all. This should not work this way\n\nhttps://github.com/user-attachments/assets/6c684cdb-1d5d-48c8-a5e5-eacf8507f823\n\n### Logs\n\n```shell-script\n\n```",[3251,3252,3253,3254],{"name":3172,"color":3173},{"name":3214,"color":3215},{"name":3175,"color":3176},{"name":3255,"color":3256},"closed-by-bot","ededed",4098,"Unable to use search input inside UDropdownMenu","2025-06-03T02:11:42Z","https://github.com/nuxt/ui/issues/4098",0.69925904,{"description":3263,"labels":3264,"number":3267,"owner":3181,"repository":3182,"state":3219,"title":3268,"updated_at":3269,"url":3270,"score":3271},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.11.0\n- Nuxt Version: -\n- CLI Version: 3.25.0\n- Nitro Version: -\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: -\n- Runtime Modules: -\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\nhttps://github.com/CorruptionTiger/app-1.git\n\n### Description\n\nThe button operation in the dropdown menu cannot make the page elements focus.\n\n### Additional context\n\nClick the button on the webpage. Ordinary buttons can correctly make the input focus, but buttons in the dropdown menu cannot make the input focus.\n\n### Logs\n\n```shell-script\nThe button operation in the dropdown menu cannot make the page elements focus.\n```",[3265,3266],{"name":3172,"color":3173},{"name":3175,"color":3176},3968,"Accessibility and focus.","2025-09-09T14:50:00Z","https://github.com/nuxt/ui/issues/3968",0.7048812,{"description":3273,"labels":3274,"number":3278,"owner":3181,"repository":3182,"state":3219,"title":3279,"updated_at":3280,"url":3281,"score":3282},"### Environment\n\nTested on https://ui.nuxt.com/components/file-upload#label , Nuxt UI v3.3.0, in Chrome and Firefox\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/file-upload#label\n\n### Description\n\nThe file upload component introduced in v3.3.0 includes a 'Clear' button in the top right, which removes the uploaded file:\n\n\u003Cimg width=\"469\" height=\"380\" alt=\"Image of desert sands uploaded to a file upload component, with an X icon in the top right\" src=\"https://github.com/user-attachments/assets/8516b673-bb16-4d82-9961-9a4e852202fa\" />\n\nThis button doesn't have an accessible label (eg an aria-label or screenreader-only text) to indicate its purpose to assistive technology. For example, when testing this page with [NVDA](https://www.nvaccess.org/) and landing on this button, it just reads 'Button'. There's also no audible feedback when the file has been removed to indicate that the button press was successful, and ideally focus should be restored back to the file upload when the file is removed.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3275,3276,3277],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3178,"color":3179},4590,"File upload component doesn't have accessible label for clear button","2025-07-27T17:52:10Z","https://github.com/nuxt/ui/issues/4590",0.7097247,{"description":3284,"labels":3285,"number":3289,"owner":3181,"repository":3182,"state":3219,"title":3290,"updated_at":3291,"url":3292,"score":3293},"### 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```",[3286,3287,3288],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3178,"color":3179},3739,"Unable unset focus outline","2025-05-10T17:04:44Z","https://github.com/nuxt/ui/issues/3739",0.7108689,["Reactive",3295],{},["Set"],["ShallowReactive",3298],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLeN9H2boxiCVktHr6MBUEC_DrwcKef7hNv8fjRRXavE":-1},"/nuxt/ui/5102"]