angular / angular/components

feat(virtual-scroll): Allow non fixed-sized containers

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

#### Feature Description
When using virtual scroll the element needs to have a set height, or else, by default it'll be 0. It would be really useful for it to be able to have an automatic height.

#### Use Case
For example, i've got a page with aprox. 37 accordions, each with something between 5 and 15 mat-buttons inside each. When opening one, the opening animation is choppy because of how many are rendered on screen (this bug has already been reported in #8287).
I think this can be mitigated in this use case by only rendering what's visible with a virtual-scroll, but, because the height is dynamic(as, when an accordion needs to open, the size of the containing element changes), i cant give it a specific height, thus i can' use

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 kiểm tra hành vi của cdk-virtual-scroll-viewport được mô tả trong issue và bối cảnh hiệu năng liên quan trong #8287. Xác định viewport không có chiều cao cố định nên phản hồi như thế nào khi nội dung accordion mở rộng; hoàn thành có nghĩa là các container có chiều cao động có thể sử dụng Virtual Scrolling mà không có hoạt ảnh mở bị giật.

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
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
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
30/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.