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: yarn@4.7.0
• Builder: -
• User Config: modules, ssr, components, app, css, runtimeConfig, compatibilityDate, nitro, vite, eslint
• Runtime Modules: @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/ui@3.0.2, dayjs-nuxt@2.1.11, @nuxt/eslint@1.3.0
• 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