bug(MAT-AUTOCOMPLETE): on option select on chrome android 13, dropdown collapses without selection
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
### 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
Contributor guide
Research direction
Start with the linked StackBlitz example at src/example/autocomplete-require-selection-example.html and reproduce the issue on an Android 13 tablet using Chrome with the soft keyboard open. Compare selecting option 2 with the behavior on the listed working platforms. Done means the selected option is recorded on the first tap and the dropdown and keyboard behave correctly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100