bug(matChipRemove): matChipRemove does not preventDefault()

[max-vogler]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

matChipRemove does not preventDefault(), allowing standard click behavior like following a parent hyperlink to trigger. matChipRemove does stopPropagation() though.

Reproduction

Steps to reproduce: https://stackblitz.com/edit/components-issue-va7p6c?file=src%2Fapp%2Fexample-component.html

<mat-chip-list>
  <a href="https://example.org">
    <mat-chip>example.org <mat-icon matChipRemove>close</mat-icon></mat-chip>
  </a>
</mat-chip-list>

Expected Behavior

Clicking on matChipRemove should fully consume the event, including preventDefault().

Actual Behavior

Clicking on matChipRemove triggers the parent hyperlink.

Environment

• Angular: 12.2.9
• CDK/Material: 12.2.9
• Browser(s): Chrome 98
• Operating System (e.g. Windows, macOS, Ubuntu): macOS 12.2

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}