Form validation with InputMenu doesn't trigger when expected

[shareefhadid]

Environment

---

• Operating System: Darwin
• Node Version: v22.13.0
• Nuxt Version: 3.16.1
• CLI Version: 3.23.1
• Nitro Version: 2.11.7
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, devtools, runtimeConfig, nitro, routeRules, modules, ui, supabase, site, feed, sitemap, robots, schemaOrg, image, hub
• Runtime Modules: @nuxt/[email protected], @nuxtjs/[email protected], @vueuse/[email protected], @nuxt/[email protected], @nuxthub/[email protected], @nuxtjs/[email protected], [email protected], @nuxtjs/[email protected], [email protected], [email protected]
• Build Modules: -

---

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.1

Reproduction

https://codesandbox.io/p/devbox/adoring-gates-fd8q9s

Description

Expected behaviour

Validation should trigger when a user adds or removes items from an input menu that has the multiple prop

Actual behaviour

Validation seems to trigger when the input menu is opened or closed, but not when items are removed

Reproduction

1. Use the codesandbox provided
2. Add all 4 items to the input
3. Validation should trigger saying 3 max
4. Remove an item
5. Validation error persists, when it should be gone
6. Remove all the items
7. Add a single item
8. Remove them item
9. Validation error should appear stating 1 item min, but it doesn't

Additional context

Screen capture

Untitled.mov

Logs