bug(mat-form-field): when subscript sizing is set to fixed, not all hint or error text is visible
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 45/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Ít trao đổi
- Công nghệ
- angular, typescript
- Lĩnh vực
- accessibility, frontend
Hướng nghiên cứu
Bắt đầu với bản tái hiện trên StackBlitz tại src/example/form-field-overview-example.html và so sánh việc định cỡ subscript cố định và động với văn bản gợi ý và lỗi được xuống dòng. Truy vết triển khai Angular Material form-field chịu trách nhiệm về bố cục subscript, sau đó xác minh rằng việc định cỡ cố định vẫn giữ không gian dành riêng của nó đồng thời hiển thị toàn bộ văn bản gợi ý hoặc lỗi mà không gặp các vấn đề định cỡ động đã được báo cáo.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
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
When Form Field subscript sizing is set to fixed, and the hint or error text wraps to multiple lines, the hint or error text may not be visible to the user causing accessibility issues:
This issue does not occur when subscript sizing is set to dynamic, but the dynamic is not the default and is argued against in your documentation, and does not have reserved space for the hint or error text causing the dynamic subscript sizing to look off with not enough spacing at the bottom or between Form Fields, and there's additional issue with the dynamic subscript sizing where it affects the width of the Form Field:
Does that look right to you? It does not to me, but at least it is accessible unlike fixed subscript sizing
Ideally, there should be a subscript sizing option that both has a min height and that can expand into more space when hint or error text does not fit in one line
Reproduction
StackBlitz link: https://stackblitz.com/edit/lyvjfmdq?file=src%2Fexample%2Fform-field-overview-example.html
Expected Behavior
All hint or error text is visible
Actual Behavior
Not all hint or error text is visible
Environment
- Angular: v22
- CDK/Material: v22
- Browser(s): Any
- Operating System (e.g. Windows, macOS, Ubuntu): Any
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 1 giờ
- Pull request đã merge (30 ngày)
- 84
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của angular/components
-
area: material/tree docs gemini-triaged needs triage
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
angular/components#33832 ·
-
area: material/datepicker gemini-triaged P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
angular/components#33763 · 2 bình luận · 3 reaction ·
-
area: material/table gemini-triaged P4
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 88/100
angular/components#33709 · 1 bình luận ·
-
area: material/table docs gemini-triaged P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
angular/components#33455 ·
-
area: material/core gemini-triaged P3
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 78/100
angular/components#33059 · 2 bình luận ·
Tất cả issue của angular/components
Issue tương tự
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
-
Crush Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
ElementsProject/cln-application#167 · 1 bình luận · 1 reaction ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Quantco/pnpm-licenses#17 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100