fix(VMenu): allow enter keypress to work in input element (#19922)

fixes #19920 Co-authored-by: John Leider <john@vuetifyjs.com>
vuetifyjs · Jun 11, 2024 · 193301c · 193301c
1 parent 5b5bf50
commit 193301c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VMenu/VMenu.tsx b/packages/vuetify/src/components/VMenu/VMenu.tsx
@@ -127,7 +127,11 @@ export const VMenu = genericComponent<OverlaySlots>()({
       if (props.disabled) return
 
       if (e.key === 'Tab' || (e.key === 'Enter' && !props.closeOnContentClick)) {
-        if (e.key === 'Enter' && e.target instanceof HTMLTextAreaElement) return
+        if (
+          e.key === 'Enter' &&
+          ((e.target instanceof HTMLTextAreaElement) ||
+          (e.target instanceof HTMLInputElement && !!e.target.closest('form')))
+        ) return
         if (e.key === 'Enter') e.preventDefault()
 
         const nextElement = getNextElement(