@j-haldane

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

Angular Material input form fields and Microsoft Edge appear to be conflicting and causing the incorrect autofilled form options to be selected.

I open this bug report with Angular Material because I haven't managed to reproduce the issue with native text inputs on Microsoft Edge. The bug is not present on Google Chrome.

So far the bug has been reproduced on multiple devices (Windows, Android) in the StackBlitz provided and is also reproducible with the official Angular Material examples, e.g.: https://material.angular.dev/components/input/overview#input-error-state-matcher

Recordings:
https://github.com/user-attachments/assets/a052b0c8-095b-4f6f-8bc0-3fb4187285b5
https://github.com/user-attachments/assets/e51c7f36-aa04-42c0-9693-f73b333aba5a

Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-v4nrkizb?file=src%2Fapp%2Ftest%2Ftest.html
Steps to reproduce:

1. Add 2 or more emails to your personal data in Microsoft Edge's settings for autofill.
2. In the demo, try many different items for autofill. Autofill will update the correct selection in the input box momentarily before reverting to an incorrect selection.

Expected Behavior

Autofill should always select the option the user selected.

Actual Behavior

Autofill is selecting the wrong item - possibly the first index available of the autofill options?

Environment

• Angular: 20
• CDK/Material: 20
• Browser(s): Microsoft Edge 139.0.3405.125 (bug not reproducible in Chrome)
• Operating System (e.g. Windows, macOS, Ubuntu): Windows, Android