feat(mat-form-field): Remove the label spacing or the center value if the label is not present.

Feature Description

Form field with label

<mat-form-field>
  <mat-label>Label</mat-label>
  <input matInput>
</mat-form-field>

Form field without label (actual)

<mat-form-field>
  <input matInput>
</mat-form-field>

Form field without label (expected)

<mat-form-field>
  <input matInput>
</mat-form-field>

(remove mat-label reserved space) or (center the value like the mat-label does)

We could add an optional attribute for mat-form-field like label="none" or something like this.

(all inputs are appearance="fill", the new default, currently set in MAT_FORM_FIELD_DEFAULT_OPTIONS)

Alternative

Just give access over CSS for example via SDOM part.

Use Case

Using inputs on context without label required.

Due to different themes on GitHub, this is probably more visible:

[crisbeto]

An input without a label is generally discouraged due to poor accessibility. That being said, you can get a similar look with the MDC-based form field which supports dense form fields.

[rubper]

An input without a label is generally discouraged due to poor accessibility.

yes, but that doesn’t mean that you must use Material’s labels always I agree with this change, we need more out-of-the-box support for custom labels