diff --git a/src/material-experimental/mdc-form-field/form-field.ts b/src/material-experimental/mdc-form-field/form-field.ts index daf66bb68c2b..5c7a1bc1d286 100644 --- a/src/material-experimental/mdc-form-field/form-field.ts +++ b/src/material-experimental/mdc-form-field/form-field.ts @@ -330,6 +330,9 @@ export class MatFormField implements AfterViewInit, OnDestroy, AfterContentCheck this._refreshOutlineNotchWidth(); // Enable animations now. This ensures we don't animate on initial render. this._subscriptAnimationState = 'enter'; + // Because the above changes a value used in the template after it was checked, we need + // to trigger CD or the change might not be reflected if there is no other CD scheduled. + this._changeDetectorRef.detectChanges(); } ngAfterContentInit() {