disableRipple на mat-select причина ExpressionChangedAfterItHasBeenCheckedError

Question

Когда я добавляю disableRipple к элементу выбора мата, я получаю ExpressionChangedAfterItHasBeenCheckedError

Мой код:

<mat-form-field>
          <mat-select [(value)]="selectedNumOption" disableRipple>
            <mat-option *ngFor="let option of resultNumOptions" [value]="option">{{ option }}</mat-option>
          </mat-select>
</mat-form-field>

Ошибка:

MatOption.html:1 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'.
    at viewDebugError (core.es5.js:8433)
    at expressionChangedAfterItHasBeenCheckedError (core.es5.js:8411)
    at checkBindingNoChanges (core.es5.js:8575)
    at checkNoChangesNodeInline (core.es5.js:12418)
    at checkNoChangesNode (core.es5.js:12390)
    at debugCheckNoChangesNode (core.es5.js:13183)
    at debugCheckDirectivesFn (core.es5.js:13085)
    at Object.eval [as updateDirectives] (MatOption.html:1)
    at Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:13067)
    at checkNoChangesView (core.es5.js:12230)

Удаление disableRipple работает, но почему отключение анимации создает такой тип ошибки?

Кроме того, существует ли обходной путь для отключения анимации выбора без свойства disableRiple?