bug(material-autocomplete): keyboard interaction doesn't work properly when using cdk-virtual-scroll-viewport
- 主要言語
- 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