[Cart] Pressing "enter" in quantity field submits form and redirects to checkout

[KaichenWang]

Describe the current behavior

• In the cart, edit quantity and hit "enter"
• Cart form is submitted
• Redirected to checkout

Describe the expected behavior

• In the cart, edit quantity and hit "enter"
• Quantity is updated in the cart

Version information (Dawn, browsers and operating systems)

• Dawn Version: 8.0.0-rc
• Chrome Version 109.0.5414.87
• macOS Version 13.0.1

Possible solution

Prevent "enter" from submitting the form

Additional context/screenshots

Video demonstrating current behaviour

screencast.2023-01-23.12-16-31.mp4

Video demonstrating browser input validation

If the quantity entered does not respect the input's min, max attributes a browser validation error may also appear/flash (instead to redirecting to checkout).

screencast.2023-01-23.12-17-33.mp4

Note: keep a11y concerns in mind when fixing this

[ludoboludo]

I feel like we had a discussion about this before and pressing enter within a form should submit it. As the expected behaviour 🤔 Brought up here but I think since we do have a submit button in the form it could be ok. Maybe something to confirm with some of our accessibility experts.

Here is an interesting post/comment about the use of implicit submission

[KaichenWang]

@ludoboludo thanks for this context! Definitely will have to keep a11y in mind. Created this issue because a few folks have flagged the form submission while editing quantity as "unexpected" behaviour, so just want us to revisit this. Additionally the flashing of browser min/max validation as a side-effect is something we'd ideally want to avoid as well.

[web-orbit12]

I mean, you're not supposed to hit enter when editing quantity. This does not happen only with this theme but will happen with almost any form.