feat(mat-select): add smart panel width based on trigger and largest option size
- 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ả
### Feature Description
Currently `panelWidth` can be one of three:
1. Trigger width
2. Largest option width
3. Custom provided width in numbers
What I am missing is - minimum width as trigger width and grow until max option size (if needed)
### Use Case
When having dynamic options texts sometimes they might be larger than trigger width and I want the largest option behavior.
Sometimes they are smaller than trigger width and I want the trigger width behavior to avoid really small select panels.
Which means I actually need: min panel width = trigger width with potential grow (not shrink!) to the largest option width.
Can be with a new `panelWidth` option or even `minPanelWidth` input (can have a complimenting `maxPanelWidth` too for completeness)
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách đọc cách xử lý panelWidth hiện có của mat-select và các hành vi trigger-width và largest-option được mô tả trong issue. Xác định và triển khai một API hoặc option giữ cho panel có chiều rộng ít nhất bằng trigger, đồng thời cho phép nó mở rộng đến chiều rộng của option lớn nhất, sau đó kiểm tra hành vi với cả các option rộng hơn và hẹp hơn.
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
- Tính năng
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 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
- 35/100