a wrong height style with cdk-virtual-scroll-spacer (cdk-virtual-scroll-viewport)
- 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?
- [X] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
14.0.3
### Description
After I updated angular material to 14.2.7 from 14.0.3 I start to get wrong height style with the div element that has the css class .cdk-virtual-scroll-spacer
### Reproduction
Steps to reproduce:
1. install the angular material 14.2.7
2. use the cdk-virtual-scroll-viewport
My Example code
```
```
### Expected Behavior
To get the correct style height on the div element that has the css class .cdk-virtual-scroll-spacer
### Actual Behavior
The div element that has the cs class .cdk-virtual-scroll-spacer get a style height which create a big space when I scroll to the end
### Environment
- Angular:
Angular CLI: 14.2.10
Node: 16.10.0
Package Manager: npm 7.10.0
OS: darwin x64
Angular: 14.2.12
... common, core
Package Version
-------------------------------------------------------------
@angular-devkit/architect 0.1402.10
@angular-devkit/build-angular 14.2.10
@angular-devkit/core 14.2.10
@angular-devkit/schematics 14.2.10
@angular/animations 14.0.3
@angular/cdk 14.2.7
@angular/cli 14.2.10
@angular/compiler 14.0.3
@angular/compiler-cli 14.0.3
@angular/forms 14.0.3
@angular/language-service 14.0.3
@angular/material 14.2.7
@angular/platform-browser 14.0.3
@angular/platform-browser-dynamic 14.0.3
@angular/platform-server 14.0.3
@angular/router 14.0.3
@angular/service-worker 14.0.3
@schematics/angular 14.2.10
rxjs 7.8.0
typescript 4.7.4
- CDK/Material: 14.2.7
- Browser(s): any
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện ví dụ cdk-virtual-scroll-viewport được báo cáo với Angular CDK 14.2.7 và so sánh chiều cao .cdk-virtual-scroll-spacer của nó với phiên bản 14.0.3. Theo dõi hành vi của virtual-scroll viewport và spacer để xác định hồi quy; hoàn tất khi việc cuộn đến cuối không còn tạo ra khoảng trống quá lớn và chiều cao của spacer là chính xác.
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
- 35/100