Mat Select - for label not matching with id - do we have to add an extra attribute?

[dreamstar-enterprises]

Which @angular/* package(s) are the source of the bug?

forms

Is this a regression?

Yes

Description

I think this was actually fixed: #28948

I didn't quite understand from the above what we were meant to do.

But are we meant to include an extra attribute somewhere here:

    <!-- label -->
    <mat-label>
      {{entry.key | getAllowanceKey: false}} Allowance Basis
    </mat-label>
  
    <!-- select -->
    <mat-select
      id="allowanceBasis-hardware-{{$index}}"
      formControlName="allowanceBasis"
      required>
      <mat-option>-- None --</mat-option>
      @for (allowanceBasisType of
        AllowanceBasisTypes | sortAlphabetical;
        track allowanceBasisType) {
        <mat-option [value]="allowanceBasisType">{{allowanceBasisType | replaceUnderscores | titleCase}}</mat-option>
      }
    </mat-select>

to prevent this:

Thank you

Please provide a link to a minimal reproduction of the bug

Please see above

Please provide the exception or error you saw

See above

Please provide the environment you discovered this bug in (run ng version)

No response

Anything else?

No

[crisbeto]

You shouldn't have to do anything for the fix from #28948. Maybe you aren't on the right version? The fix was released in 17.3.6.

[dreamstar-enterprises]

I'm on "@angular/core": "^17.3.2", and I get this:

How do I upgrade?

[crisbeto]

That's working as expected since now it's being flagged as an informational message, not an error.