bug(mat-selection-list): Model change fired twice for the selection list with [multiple]="false"

[Vitaljok]

For the mat-selection-list with multiple selections disabled the model change event is fired twice.

StackBlitz to reproduce:

• https://stackblitz.com/edit/components-issue-gatbrx?devtoolsheight=33&file=src/app/example-component.html

Steps to reproduce:

1. Change the selection
2. View result in the console: onChange is called twice.

Essential part of code:

<mat-selection-list [multiple]="false" [(ngModel)]="myValue" (ngModelChange)="onChange($event)">
...
</mat-selection-list>

An example is showing binding via [(ngModel)], but the same behavior is observed with reactive forms when valueChanges are fired twice.

Expected Behavior

Model change should be fired once similar as it works for lists with multiple selections allowed.

Actual Behavior

Model change is fired twice.

Environment

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

Edit: added essential part of code to the issue itself.

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