[Bug]: Input component does not invoke onChange hook when clearing text

[mderner-ca]

Browser

Chrome

Package version

3.0.383

React version

18.0.0

Description

When the input component is used like so:

      <Input
        // Find input here: https://cloudscape.design/components/input/
        type="search"
        onChange={({ detail }) => {
          setSearchTerms(detail.value)
          // some stuff
        }}
        value={searchTerms}
      ></Input>

The browser renders a clear button on the end of the input field which can be used to clear the text. This button does not invoke the code assigned to onChange.

Source code

No response

Reproduction

No response

Code of Conduct

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