diff --git a/src/material-experimental/mdc-form-field/_mdc-text-field-textarea-overrides.scss b/src/material-experimental/mdc-form-field/_mdc-text-field-textarea-overrides.scss index 4474c38f3aca..4cf58eb12aa1 100644 --- a/src/material-experimental/mdc-form-field/_mdc-text-field-textarea-overrides.scss +++ b/src/material-experimental/mdc-form-field/_mdc-text-field-textarea-overrides.scss @@ -12,9 +12,6 @@ @mixin _mat-mdc-text-field-textarea-overrides() { // Ensures that textarea elements inside of the form-field have proper vertical spacing // to account for the floating label. Also ensures that there is no vertical text overflow. - // TODO(devversion): remove extra specificity if we removed the ":not(outline-appearance)" - // selector from the structure overwrites. Blocked on material-components-web#5326. - .mat-mdc-form-field > .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-textarea-input { resize: vertical; box-sizing: border-box; diff --git a/src/material-experimental/mdc-form-field/directives/notched-outline.ts b/src/material-experimental/mdc-form-field/directives/notched-outline.ts index 55778fa096a8..63eac20ee532 100644 --- a/src/material-experimental/mdc-form-field/directives/notched-outline.ts +++ b/src/material-experimental/mdc-form-field/directives/notched-outline.ts @@ -62,6 +62,8 @@ export class MatFormFieldNotchedOutline implements AfterViewInit, OnChanges, OnD // that we cannot extend from the "MDCNotchedOutline". this._mdcNotchedOutline = MDCNotchedOutline.attachTo(this._elementRef.nativeElement); } + // Initial sync in case state has been updated before view initialization. + this._syncNotchedOutlineState(); } ngOnChanges() {