userEvent.keyboard('{Enter}') does not trigger form submission in forms with radio group elements

[vinothkumar-tw]

Reproduction example

https://stackblitz.com/edit/rtl-template-dg4qziej?file=src%2FApp.tsx

Prerequisites

1. Render the form with radio group and text input field.
2. Submit the form using user event keyboard while focus on input text element
3. userEvent.keyboard('{Enter}') does trigger form submission

Expected behavior

userEvent.keyboard('{Enter}') does trigger form submission

Actual behavior

userEvent.keyboard('{Enter}') does not trigger form submission

User-event version

14.5.2

Environment

Testing Library framework: @testing-library/[email protected]

JS framework: [email protected]

Test environment: [email protected]

DOM implementation: [email protected]

Additional context

Issue: userEvent.keyboard('{Enter}') does not trigger form submission when the form contains radio group elements.
Observation: Using fireEvent.submit successfully triggers form submission under the same conditions.

[ph-fritsche]

Thanks for contributing to this library.

On these input types Enter can trigger a submit:

user-event/src/event/behavior/keypress.ts

Lines 59 to 68 in bc15a5b

	const SubmitSingleInputOnEnter = [
	'email',
	'month',
	'password',
	'search',
	'tel',
	'text',
	'url',
	'week',
	]

We currently check if the form only contains one <input> element, as a second e.g. <input type="text"> disables this behavior in the browser, but e.g. a <select> does not affect it. Looks like any input element which isn't on the list is ignored as well. Can we confirm this? Is this defined in specs?