bug(MatFormField): Rendering MatChips within a MatChipGrid using NgTemplateOutlet breaks the floating label.

[201549BL]

Description

Rendering MatChips within a MatChipGrid using NgTemplateOutlet breaks the floating label.

Reproduction

StackBlitz link: https://stackblitz.com/edit/itsykq?file=src%2Fexample%2Fchips-form-control-example.ts

Expected Behavior

I expected the rendered chip template to work as normal chip.

Actual Behavior

What happens is that when we click away from the input field, the float label floats down, making the label obstructed by the chips added.

Environment

• Angular: 17.1
• CDK/Material: 17.1
• Browser(s): Chrome
• Operating System: macOS