angular / angular/components

bug(cdk-virtual-scroll): Using cdkVirtualFor with ng-container doesn't render all items

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

#### Reproduction

https://stackblitz.com/edit/angular-afvrep

Steps to reproduce:
Click on the add button and new items will be added. Scroll down slowly until you see:
![image](https://user-images.githubusercontent.com/30085989/98209303-5c808e00-1f47-11eb-8e14-b921188845b0.png)
Item 49 didn't render well. If you scroll more down and back up item 49 will suddenly appear as needed.

#### Expected Behavior

All items should be rendered correctly

#### Actual Behavior

Some items (49 here) don't render as expected

#### Environment

-Angular: 10.2.2
-CDK/Material: 10.2.7
-Browser(s): Chrome Version 86.0.4240.111 (Official Build) (64-bit)
-Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Hướng dẫn đóng góp

Mở 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 và tái hiện mục bị thiếu khi cuộn sau khi thêm các mục. Theo dõi hành vi của cdkVirtualFor và ng-container trong virtual-scroll; issue được xem là hoàn thành khi tất cả các mục đã thêm đều được render chính xác trong khi cuộn mà không cần cuộn đi chỗ khác rồi quay lại.

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ó
4/5
Thời gian dự kiến
3-5 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.