Input date hide calendar in watch onSubmit

[albertcito]

Environment

• Operating System: Darwin
• Node Version: v21.7.3
• Nuxt Version: 3.16.2
• CLI Version: 3.24.1
• Nitro Version: 2.11.8
• Package Manager: npm@10.5.0
• Builder: -
• User Config: extends, components, devtools, googleFonts, modules, runtimeConfig, compatibilityDate, typescript, build, vite, devServer, app, colorMode, spaLoadingTemplate, bugsnag
• Runtime Modules: @nuxtjs/google-fonts@3.2.0, @nuxt/ui@3.0.2, nuxt-bugsnag@8.4.0, @nuxt/devtools@2.3.2
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.0.2

Reproduction

https://codesandbox.io/p/devbox/mutable-fire-gyhkmt

Description

If date value is watch and send form.value.submit to btn.value.click() it makes the calendar hide and the user has to click it again.

Additional context

For instance, in this code, the native input can continue using the calendar in btnSubmit.value?.click(); but the UInput hidde the calendar each time that function is called.

Screen.Recording.2025-04-21.at.2.20.52.PM.mov

Logs