Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
Bug, enhancement request, or proposal:
In mat-form-field with outline appearance you can insert a mat-chip-list inside the form-field but the label doesn't go above the input
CodePen and steps to reproduce the issue:
Stackblitz to see what i mean
Detailed Reproduction Steps:
What is the expected behavior?
What is the current behavior?
The label stay in the input
What is the use-case or motivation for changing an existing behavior?
Which versions of AngularJS, Material, OS, and browsers are affected?
@Splaktar don't know if is a bug actually, because it's work fine if the mat-label is outside the mat-chip-list.
<mat-form-field> <mat-label></mat-label> <mat-chip-list> <mat-chip></mat-chip> <input> </mat-chip-list> <mat-autocomplete> </mat-autocomplete> </mat-form-field>
but if we move the mat-label inside like that, the label don't have the correct render
<mat-form-field> <mat-chip-list> <mat-chip></mat-chip> <mat-label></mat-label> <input> </mat-chip-list> <mat-autocomplete> </mat-autocomplete> </mat-form-field>