angular / angular/components

a wrong height style with cdk-virtual-scroll-spacer (cdk-virtual-scroll-viewport)

Đang mở
#26,348 3 bình luận 2 reaction 0 người được giao Xem trên GitHub
area: cdk/scrolling P3 regression
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

Mở 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.