Select required sometimes not working

[mydnic]

Environment

• Operating System: Darwin
• Node Version: v22.1.0
• Nuxt Version: 3.16.2
• CLI Version: 3.24.0
• Nitro Version: 2.11.8
• Package Manager: [email protected]
• Builder: -
• User Config: modules, ssr, components, app, css, runtimeConfig, compatibilityDate, nitro, vite, eslint
• Runtime Modules: @pinia/[email protected], pinia-plugin-persistedstate/[email protected], @nuxt/[email protected], [email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.0.2

Reproduction

https://codesandbox.io/p/sandbox/festive-feather-mzq49q

In the second select (which is wrapped in a form tag), don't select anything, and click save to submit the form.

It should show the browser "this input is required" tooltip.

Description

I can't really understand why/how this happens. Sometimes, the required prop on a Select component will not prevent the form to be submitted. But sometimes it's working fine.

Additional context

No response

Logs