angular / angular/components

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

オープン
#16,598 コメント 6 件 リアクション 16 件 担当者 0 名 GitHub で見る
area: cdk/scrolling area: material/autocomplete P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### 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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされている StackBlitz の再現を起点に、Angular Material autocomplete と CDK virtual-scroll のキーボード操作を調査します。上下キーを繰り返し押した場合の動作を確認し、表示されている viewport を越えて移動する場合と、レンダリング済みアイテムの境界に到達する場合を含めます。完了条件は、キーボードナビゲーションによって先頭に戻るのではなく、適切なアイテムがスクロールされてレンダリングされることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。