[Bug]: Text filter submits form

[JElgar]

Browser

Chrome, Safari, Firefox, Edge

Package version

3.0.1335

React version

18.3.1

Description

We have a form, where we allow users to select a value using a table. The table has a text filter.

If a user clicks enter in the text filter, the form is submitted. Ideally we could disable this functionality on the text filter.

Source code

No response

Reproduction

Sandbox

import { Form, Table, TextFilter } from "@cloudscape-design/components";

export default function App() {
  return (
    <form>
      <Form>
        <Table items={[]} columnDefinitions={[]} filter={<TextFilter />} />
      </Form>
    </form>
  );
}

Click enter when focuses on the text filter and see that the form submits

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems