angular / angular/components

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

Ouverte
#28,524 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: material/chips P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### 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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par exécuter la reproduction StackBlitz liée et par examiner l’interaction entre MatFormField, MatChipGrid et NgTemplateOutlet qui y est décrite. Comparez le comportement du libellé flottant avant et après avoir cliqué en dehors du champ de saisie ; le travail est considéré comme terminé lorsque les chips rendus se comportent normalement et que le libellé reste correctement flottant sans être masqué.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
38/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.