bug(Mat Select): Keeps throwing FOR / ID error, when ID is given and visible in HTML

[dreamstar-enterprises]

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 i assign an ID to mat-select

<mat-select
id="jobTitle"

I get the error, in Chrome

The label's for attribute doesn't match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.
To fix this issue, make sure the label's for attribute references the correct id of a form field.

But the element with the id is clearly there (regularSiteOfWorking)

Reproduction

StackBlitz link:
Steps to reproduce:
1.
2.

Expected Behavior

See above

Actual Behavior

See above

Environment

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):

[crisbeto]

Duplicate of #27241.

[dreamstar-enterprises]

Thank you, but the other thread is closed, and the issue hasn't really been resolved if you read through the thread

[crisbeto]

The fix for the other one was merged 2 hours ago.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}