bug(MatSelect): When navigating with keyboard, sometimes the first press of the down arrow is "ignored"

#### Reproduction

The value of the first `MatOption` in a `MatSelect` must be `null`. Example:
```

-- // <------- Here
Dog
Cat

```

- https://stackblitz.com/edit/angular-lyemh3?file=src%2Fapp%2Fselect-hint-error-example.html

Steps to reproduce:
1. Refresh development server
2. Tab to the `MatSelect`
2. Use the down arrow to make a selection
3. Notice that the very first press appears to be ignored

#### Expected Behavior

The first press of the arrow should select `Dog`.

#### Actual Behavior

The first press of the arrow appears to do nothing.

#### Environment

- Angular: 11.0.6
- CDK/Material: 11.0.3
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Beginne damit, das Verhalten im verknüpften StackBlitz mit einer MatSelect zu reproduzieren, deren erste MatOption einen null value hat, und verfolge anschließend den Pfad der Tastaturnavigation von MatSelect. Als erledigt gilt die Aufgabe, wenn der erste Druck auf den Down Arrow Dog auswählt, anstatt scheinbar ignoriert zu werden, und ein Regressionstest diesen Fall abdeckt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.