Элемент списка материалов Angular не работает с асинхронным конвейером, который содержит delay ()

У меня mat-nav-list выглядит так:

<mat-nav-list>
    <mat-list-item *ngFor = "let draft of drafts$() | async">
        <ng-container *ngIf = "getImageUrl$(draft) | async as imageUrl">
            <img matListAvatar [src] = "imageUrl">
        </ng-container>
        <h1 matLine>{{draft.name}}</h1>
        <p matLine>{{draft.description}}</p>
    </mat-list-item>
</mat-nav-list>

Почему <img matListAvatar [src] = "imageUrl"> не отображает изображение, если getImageUrl$(draft) содержит pipe(delay())? Я использую задержку для имитации фактического вызова асинхронной службы.

Вы можете попробовать stackblitz демо здесь. Настройте демонстрацию, чтобы увидеть ожидаемое поведение без delay().

Это ошибка / поведение async pipe или mat-list-item или проблема с моим кодом?