angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.39k stars 6.76k forks source link

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

Open michael-hein opened 11 months ago

michael-hein commented 11 months ago

Is this a regression?

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

ohmnoms commented 4 months ago

Updating - still seeing this issue on Android devices in Angular Material 17.3.9. Closing the virtual keyboard allows scrolling in the autocomplete. But reopening the keyboard will disable it. Any update on the fix for this? Or any workaround on Android devices?

grunci commented 4 days ago

Hi, Any ideas why is it working properly on iOS? Do you have any plans for the fix?