angular / angular/components

bug(material/autocomplete): Scrolling autocomplete entries does not work when virtual-keyboard is visible

未关闭
#28,290 4 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
android area: material/autocomplete P2
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

When using the mat-autocomplete on a mobile device and the auto-complete is not at the top of the screen. Then the scrolling of the autocomplete does not work or the point where the autocomplete can be scrolled is below the autocomplete.

https://github.com/angular/components/assets/51996054/3acabe93-5328-487a-999c-a2cfe4ea0355

### Reproduction

StackBlitz link: https://material.angular.io/components/autocomplete/examples#autocomplete-optgroup
I was not able to reproduce it at StackBlitz maybe it has something todo with the stucture and the scrolling areas of the page.

Steps to reproduce:
1. Open it on an device with an virtual keyboard
2. click in the autocomplete of "Option groups autocomplete" when its in the bottom part of the screen

### Expected Behavior

Expected to scroll the autocompletion entries whenever the autocompletion entries are visible.

### Actual Behavior

Actual the scrolling does not work as expected.
https://github.com/angular/components/assets/51996054/3acabe93-5328-487a-999c-a2cfe4ea0355

### Environment

- Angular: 17.0.4
- CDK/Material: 17.0.4
- Browser(s): Chrome (120.0.6099.115)
- Operating System (e.g. Windows, macOS, Ubuntu): Android

贡献指南

打开贡献指南

调研方向

从 StackBlitz 的 autocomplete optgroup 示例开始,在带有虚拟键盘的 Android Chrome 上,将 autocomplete 放置在屏幕底部附近并重现该问题。比较键盘可见时的滚动情况,并确定涉及的 component 或 overlay 入口点。当此位置的可见 autocomplete 条目能够正常滚动时,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。