UInputMenu autocomplete boolean prop collides with HTML autocomplete attribute (#6026 regression)

[Youhan]

Environment

Operating system	macOS 25.3.0
CPU	Apple M3 (8 cores)
Node.js version	v22.17.0
nuxt/cli version	3.35.2
Package manager	pnpm@10.18.3
Nuxt version	4.4.6
Nitro version	2.13.4
Builder	vite@7.3.3
Config	$development, $production, $test, app, compatibilityDate, css, devServer, devtools, eslint, experimental, fonts, hub, icon, image, linkChecker, modules, nitro, ogImage, pagesPlus, robots, runtimeConfig, schemaOrg, scripts, sentry, seo, site, sitemap, sourcemap, testUtils, typescript, ui, vite
Modules	@vueuse/nuxt@14.1.0, @nuxt/fonts@0.14.0, @nuxt/eslint@1.15.2, @nuxt/image@2.0.0, @builder.io/sdk-vue/nuxt@5.2.2, @nuxt/scripts@0.13.2, @nuxt/ui@4.7.1, @nuxthub/core@0.9.1, @pinia/nuxt@0.11.3, nuxt-pages-plus@1.0.0-beta.4, nuxt-auth-utils@0.5.29, @sentry/nuxt/module@10.49.0, @nuxt/test-utils/module@3.23.0, nuxt-og-image@6.0.7, @nuxtjs/seo@3.3.0, @nuxtjs/device@4.0.0, @atoms-studio/nuxt-swiftsearch@0.9.11

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.7.1

Reproduction

<UInputMenu
  v-model="value"
  :items="items"
  autocomplete="address-line1"
/>

Type 'string' is not assignable to type 'boolean | undefined'.

Description

PR #6026 added an autocomplete: boolean prop to UInputMenu to switch between Combobox and Autocomplete modes. Unfortunately the name collides with the standard HTML autocomplete attribute used for browser autofill (address-line1, cc-number, one-time-code, etc.). Other Nuxt UI form components (UInput, USelect, UTextarea) let this attribute fall through to the inner element, so the inconsistency is surprising.

Impact:

• TS error for any v3 code that was passing the HTML attribute.
• Silent UX regression for browser autofill, password managers, OTP autofill, etc. Only on UInputMenu.
• No public API to set the HTML autocomplete attribute on the inner input; consumers have to reach for the exposed inputRef and call setAttribute imperatively.

Additional context

No response

Logs

[coderabbitai]

🔗 Related PRs

#6457 - fix(InputMenu/Select/SelectMenu): respect trailing: false over default trailingIcon [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[benjamincanac]

You're absolutely correct, this is a mistake on my end 😬 Made a PR to rename to mode!