bug(MAT-AUTOCOMPLETE): on option select on chrome android 13, dropdown collapses without selection
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### 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
I have am having a bit of an issue with a mat-autocomplete.
I have deployed the code base from `https://stackblitz.com/run?file=src%2Fexample%2Fautocomplete-require-selection-example.html&startScript=start` to `http://resparke-indigo-backup.s3-website-ap-southeast-2.amazonaws.com/` so I can test it on my Android 13 device.
On Android 10, IOS Safari 17, 18 etc, macbook Chrome, it all works good.
But not on Android 13' Chrome.
What I can find from debugging is that when I click it sometimes doesnt select a value but just collapses the soft keyboard.
I created a recording with onclick debug output so you can see which element is clicked:

I am not sure how to debug this, because the example I am using is pure and simple and 100% from angular mat website.
I think the issues is related to the softkeyboard closing which does something with the overlay.
### Reproduction
As mentioned above, the stackblitz example is deployed on `https://app-test.resparke.com` but you would have to run it on an Android 13 tablet , Chrome, with a soft keyboard and see this issue happening
### Expected Behavior
When option is selected, I expect that selection to be recorded.
### Actual Behavior
When I open the test app on `http://resparke-indigo-backup.s3-website-ap-southeast-2.amazonaws.com/`, and I click on the formfield, the dropdown appears and the softkeyboard opens, I select option 2. The soft keyboard closes and no option is selected. When I click again on the formfield, the dropdown appears again and now I can select and option. That seems to be a consistent behaviour on Android 13/Chrome.
### Environment
- Angular: 20.3.x
- CDK/Material: 202.2.12
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Android 13
Beitragsleitfaden
Rechercherichtung
Beginne mit dem verknüpften StackBlitz-Beispiel unter src/example/autocomplete-require-selection-example.html und reproduziere das Problem auf einem Android 13-Tablet mit Chrome und geöffneter Bildschirmtastatur. Vergleiche die Auswahl von Option 2 mit dem Verhalten auf den aufgeführten funktionierenden Plattformen. Erledigt ist die Aufgabe, wenn die ausgewählte Option beim ersten Tippen erfasst wird und sich Dropdown und Tastatur korrekt verhalten.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100