bug: Form not submitting during "Enter" press when multiple ion-input inside of form.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

When a single ion-input is inside a form with a submit button, pressing enter while focused inside of that input submits the form.

When multiple ion-input are inside a form with a submit button, pressing enter in either input does not submit the form.

Expected Behavior

No matter how many inputs are inside of a form when a submit button is present, pressing enter inside of them should submit the form.

Steps to Reproduce

Add 2 ion-input to a form, with a ion-button type=“submit”.

<form action="javascript:void(0)" onsubmit="checkSubmit()">
  <ion-item>
    <ion-label position="stacked">Type anything, then press Enter:</ion-label>
    <ion-input />
  </ion-item>
  <ion-item style="--padding-start: 0">
    <ion-label position="stacked">Another Input:</ion-label>
    <ion-input />
  </ion-item>
  <ion-button type="submit" class="ion-margin-top">
    Submit
  </ion-button>
</form>

Code Reproduction URL

https://jsfiddle.net/nmfer04s/

Ionic Info

N/A

Additional Information

I believe this is a regression, it was working when I was using Ionic 5.

[mattsteve]

The “correct” default behavior is what’s in the spec. E.g. mimic what a raw HTML form does. It’s not important what you want specifically in your application. You can always change default be whatever you want, as you mentioned.

This bug is to get HTML forms working to spec, and working how they should work to meet WAI ARIA WCAG 2.0 accessibility compliance. People with disabilities rely on memorizing a HTML form’s default behaviors; they have to use everyone’s website, not just yours (using screen readers for blindness, or using special controllers for people with motor disabilities that emulate keyboard controls).

For a single line text box, the expectation is that Return or Enter submits the form. https://www.w3.org/TR/wai-aria-1.1/#aria-multiline https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/textbox_role#aria-multiline https://www.digitala11y.com/textbox-role/

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.