bug(MatFormField): Rendering MatChips within a MatChipGrid using NgTemplateOutlet breaks the floating label.
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
### 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
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách chạy bản tái hiện được liên kết trên StackBlitz và kiểm tra tương tác giữa MatFormField, MatChipGrid và NgTemplateOutlet được mô tả ở đó. So sánh hành vi của nhãn nổi trước và sau khi nhấp ra ngoài trường nhập; được coi là hoàn thành khi các chip được kết xuất hoạt động bình thường và nhãn vẫn nổi đúng cách mà không bị che khuất.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 38/100