[Select] Buggy behaviour of Select fields when used with vee-validate

[arpadgabor]

Environment

• Operating System: Linux
• Node Version: v20.9.0
• Nuxt Version: 3.15.3
• CLI Version: 3.20.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, devtools, modules, css
• Runtime Modules: @nuxt/[email protected], @vee-validate/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.12

Reproduction

https://stackblitz.com/~/github.com/arpadgabor/nuxt-ui-3-bug

In case the above link does not work, here is the repo: https://github.com/arpadgabor/nuxt-ui-3-bug

Description

When using the Select and SelectMenu components with vee-validate, especially when there are multiple fields involved, there is a very weird behaviour. Selection does not work correctly, cannot close the dropdown, etc. I've added a recording as well (I keep clicking outside and on the menu options).

nuxt-ui-bug.mp4

Additional context

No response

Logs