bug(FORM-FIELD): Container shape is incorrectly applied for both outlined and filled.
- 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
- Filled container shape only applies to the top half of the container.
- Outline container shape incorrectly uses the shape dimensions as the padding causing very wide fields.
### Reproduction
StackBlitz link: https://stackblitz.com/edit/components-issue-starter-sd5v83bx?file=package.json
Steps to reproduce:
1. Override form-field-overrides with "filled-container-shape: var(--mat-sys-corner-full),"
2. Override form-field-overrides with "outlined-container-shape: var(--mat-sys-corner-full),"
### Expected Behavior
The form-fields should be a rectangular with fully rounded corners.
### Actual Behavior
Filled form-fields are only rounding the top half.
Outlined form-fields are become 18000px wide
### Environment
- Angular: 19.2.6
- CDK/Material: 19.2.9
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Mac
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với bản tái hiện StackBlitz được cung cấp và các thiết lập form-field-overrides cho các trường filled và outlined. Xác minh hành vi ở các phiên bản Angular và Material đã chỉ định, sau đó xác nhận rằng cả hai biến thể đều có các góc hình chữ nhật bo tròn hoàn toàn mà không khiến trường outlined trở nên quá rộng.
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, css, 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
- Ít trao đổi
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 55/100