Skip to content

Pressing enter in a text field does not submit form #4182

Description

@juanmarin-co

Hi! I've built a small form example:

<form method="GET">
  <md-outlined-text-field
    type="text"
    name="name"
  ></md-outlined-text-field>
  <md-filled-button label="Submit" type="submit"></md-filled-button>
</form>

But it does not submit in any of the following cases:

  • Click the Submit button
  • Press Enter key when the text field is focused
  • Press Enter key when the button is focused

I understand it's an issue related to shadow dom, but, is there a way to make this work as expected?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions