angular / angular/components

bug(MatChipList): chip list disabled should respect each chip item disabled state

Đang mở
#27,971 3 bình luận 0 reaction 0 người được giao Xem trên GitHub
area: material/chips P3
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ả

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

Chiplist [disabled] toggling from disable to enable doesn't respect each chip item [disabled] state. Chip items, which are actually disabled become visually enabled.

### Reproduction

StackBlitz link: https://stackblitz.com/edit/vdefsz?file=src%2Fexample%2Fchips-input-example.html,src%2Fexample%2Fchips-input-example.ts

Steps to reproduce:
1. The chip item is disabled and has properly disabled styles in initialization
![2023-10-20_15h12_54](https://github.com/angular/components/assets/12629525/a8ca53f3-a9ee-44a7-8e4b-f8f20f74b469)
2. Click 'Disable chiplist'
3. Click 'Enable chiplist'

### Expected Behavior

The chip item is visually disabled

### Actual Behavior

The chip item ignores its disabled state and looks like enabled

### Environment

- Angular: 16.2.9
- CDK/Material: 16.2.9
- Browser(s): Google Chrome, Version 118.0.5993.88 (Official Build) (64-bit)
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Sử dụng bản tái hiện StackBlitz được liên kết và bắt đầu với src/example/chips-input-example.html và src/example/chips-input-example.ts. Tái hiện chuỗi vô hiệu hóa/kích hoạt, sau đó lần theo cách xử lý trạng thái của MatChipList; được xem là hoàn tất khi các chip bị vô hiệu hóa riêng lẻ vẫn giữ nguyên giao diện bị vô hiệu hóa sau khi danh sách chip được kích hoạt lại.

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
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.