bug(COMPONENT): Change Detection triggered on mat-table header cell hover

[JeanMeche]

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

I'm having performance problems with a mat-table triggering change detections despite using OnPush.

When hovering the header cells, you will see the random number change.

Why would hovering on the table header trigger a change detection on the parent components ?

Reproduction

Here is a working example : https://stackblitz.com/edit/angular-bjouzc?file=src%2Fapp%2Fapp.component.ts

Expected Behavior

Hovering on the header cells should not trigger the change detection on OnPush parents.

Actual Behavior

A OnPush parent should not have its change detection triggered.

Environment

• Angular: 13.3
• CDK/Material 13.3:
• Browser(s): Chrome 100

[volvachev]

Hi, I looked at the code, it responds to display(start and finish animation) a sorting arrow when you triggers mouseenter|mouseleave on the mat-sort-header.

[crisbeto]

Duplicate of #19441.

[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.}