Form submit not working on Enter key with <s-text-field>

Polaris
1

I’m facing an issue with form submission when pressing the Enter key inside <s-text-field>.

When I type in the input and press Enter, the form does not submit. However, clicking the submit button works correctly.Here’s a minimal example:

<form onsubmit="handleSubmit(event)">
  <s-text-field 
    label="Name" 
    name="name" 
    placeholder="Enter your name">
  </s-text-field>

  <s-button type="submit">Submit</s-button>
</form>

<script>
  function handleSubmit(event) {
    event.preventDefault();
    alert("Form submitted!");
  }
</script>

Steps to Reproduce:

  1. Type inside the <s-text-field>.

  2. Press the Enter key.

  3. Form does not submit.

  4. Click the submit button → form submits as expected.

Expected Behavior:
Pressing Enter inside <s-text-field> should trigger the form submit event, the same as clicking the submit button.

Enter in s-text-field doesn't submit!
2

Thanks for the report. I’ve created an issue on our side of things to track this, and we’ll let you know when we have updates.

4

It is also not working for me.

5

Hi @Muhammad_Hassan

This is still an open issue - will be addressed as soon as possible.