bug(RadioButton): Radio button group adds scroll when used in MatTab component
- 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
When the `mat-radio-group` component is placed inside the `mat-tab` component it adds unnecessary scroll when any other content doesn't
But can be fixed by using `mat-tab-group dynamicHeight`
### Reproduction
StackBlitz link: [Link](https://stackblitz.com/edit/d9acy1?file=src%2Fexample%2Ftab-group-animations-example.html)
Steps to reproduce:
1. Use `mat-tab-group` and `mat-tab`
2. Use `mat-radion-group` and `mat-radio-button` and place inside the `mat-tab`
3. Notice scroll bar
4. Add `dynamicHeight` attribute to the `mat-tab-group`
5. Notice the scroll bar is gone
### Expected Behavior
The scroll bar should not appear when mat-radio-group is placed inside the mat-tab
### Actual Behavior
mat-radio-button-group adds scroll when used in mat-tab component
### Environment
- Angular: "@angular/core": "^17.3.0",
- CDK/Material: "@angular/material": "18.0.0",
- Browser(s): Chrome
- Operating System: macOS
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 liên kết bằng cách sử dụng mat-tab-group, mat-tab, mat-radio-group và mat-radio-button, trước tiên không có dynamicHeight rồi sau đó có dynamicHeight. Theo dõi hành vi bố cục của tab và radio button, sau đó thêm một bài kiểm thử hồi quy bao quát tổ hợp được báo cáo. Hoàn tất khi thanh cuộn không cần thiết không còn xuất hiện mà không yêu cầu dynamicHeight.
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
- 42/100