bug(MatAutocompleteTrigger): callback applied to closed EventEmitter runs outside of the Angular Zone on outside click

[br-kwon]

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

The callback applied to the closed EventEmitter seems to run outside of the Angular Zone when closed is emitted via "outside click"

Reproduction

https://stackblitz.com/edit/components-issue-83t6vu?file=src/app/autocomplete.component.ts

Steps to reproduce:

1. click inside input - should open panel and disable button
2. click outside panel to close it - expect button to be enabled, but remains disabled

Expected Behavior

clicking outside the panel to close the panel should have disabled the button without using ngZone.run()

Actual Behavior

the button remains disabled

Environment

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

[br-kwon]

looks like the root cause comes from _subscribeToClosingActions() when the pipe switchMaps to this.panelClosingActions. since this.panelClosingActions is implemented as a getter, it gets evaluated when we're outside of Angular Zone (when firstStable emits).

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