[UDropdown] with [UInput] does not insert space when typing space

[benemohamed]

Environment

---

• Operating System: Linux
• Node Version: v18.20.4
• Nuxt Version: 3.14.159
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: pnpm@9.12.1
• Builder: -
• User Config: default
• Runtime Modules: @sidebase/nuxt-auth@0.9.4, @nuxt/eslint@0.5.7, @nuxt/fonts@0.9.2, @nuxt/ui@2.19.2, @vueuse/nuxt@11.2.0

• Build Modules: -

Version

v2.19.2

Reproduction

https://stackblitz.com/edit/nuxt-ui-9tyhma

Description

the issue prevents users from entering text with spaces

Additional context

No response

Logs

[sandros94]

Thanks to @gioboa for finding out that this appears to be an upstream issue in their implementation for the handleKeyDown's switch case. This means that the space falls through the next enter case (as per spec) unless it is specifically a search query

[sandros94]

For now you could take a look at this old suggestion

You might be able to solve this by defining a click function inside your item:

click: (e) => {
  e.preventDefault()
}

[benemohamed]

Thanks for this!

I tried the solution above and still have same issues

[sandros94]

I've noticed that some @input events don't get triggered, but @keydown do, but this also applies upstream