bug(MatAutocomplete): Resetting form still shows previous selected item

[drberg]

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

Resetting a form with autocomplete gives a visual impression that item is still selected.

I thought the fix from #26761 would solve my issue, but unfortunately it persisted after updating.

Reproduction

StackBlitz link: https://stackblitz.com/edit/zdy1sg

Steps to reproduce:

1. Open autocomplete.
   
2. Click 'Two'.
   
3. Click 'Reset selection'. Notice that the input box is now empty.
   
4. Open autocomplete again and observe that 'Two' is still marked as selected even though the value is not set in the form any more.
   

Expected Behavior

I expected the selection list not to show any selected items when the form is reset.

Actual Behavior

Previous selected item appears selected when it's not in the form.

Environment

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

[zarend]

Hello @crisbeto ,

Is this something you could look at please? I am able to reproduce autocomplete popup still showing previously selected item on the dev-app autocomplete demo. I can reproduce on both reactive and template-driven examples.

Note that the autocomplete demo needs a patch for the template-driven example: #27656

Best regards,

Zach

[RobinBomkamp]

Facing the same issue.