angular / angular/components

bug(material-autocomplete): keyboard interaction doesn't work properly when using cdk-virtual-scroll-viewport

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

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-5rmvpq

Steps to reproduce:
1. Click in the input field to open the autocomplete
2. On the keyboard click many times on the "down" key or the "up" key


#### Expected Behavior

If the focus goes beyond the visible viewport, the list should automaticly scroll down/up

#### Actual Behavior

It just doesn't scroll, and if the end of the actuall renderd items is reached, it comes back to the start and doesn't render new items.

By the way we had to implement a little hack that the virtual viewport is correctly rendert at all. It is the (opened)-Event at the mat-autocomplete you can see in the stackblitz example.

#### Environment

- Angular: 8.x
- CDK/Material: 8.x
- Browser(s): Tested in Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Tested with Windows

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à kiểm tra tương tác bàn phím của Angular Material autocomplete và CDK virtual-scroll. Xác minh hành vi khi nhấn lặp lại các phím lên/xuống, bao gồm việc di chuyển vượt ra ngoài viewport hiển thị và đi đến ranh giới của các mục được render. Được xem là hoàn thành khi thao tác điều hướng bằng bàn phím cuộn và render các mục phù hợp thay vì quay lại đầu danh sách.

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.