bug(select): typeahead with more than one character does not select the right option

[dixy]

Reproduction

Steps to reproduce:

1. Go to https://stackblitz.com/edit/angular-utktd6?file=src%2Fapp%2Fselect-overview-example.html
2. Open the mat-select
3. Type "p" then "u"

Expected Behavior

I expect option "Puzza" to be selected, like it was in v10.2.7: https://stackblitz.com/edit/angular-jhktmb

Actual Behavior

The selected option is "Pozza".

Environment

• Angular: Latest
• CDK/Material: Latest
• Browser(s): Edge 87, Firefox 83
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

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