[disabled] attribute not working in mat-select formfields after upgrading to Angular 15

[anjuss1996]

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

Don't known / other

Is this a regression?

Yes

Description

I updated angular 12 to 15 and the mat select fields even with [disabled] condition true is not disabled

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

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

Angular CLI: 15.2.10
Node: 16.15.0
Package Manager: npm 8.5.5
OS: win32 x64

Angular: 15.2.10
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                      Version
------------------------------------------------------
@angular-devkit/architect          0.1502.10
@angular-devkit/build-angular      15.2.10
@angular-devkit/core               15.2.10
@angular-devkit/schematics         12.1.4
@angular/cdk                       14.2.7
@angular/material                  14.2.7
@angular/material-moment-adapter   14.2.7
@schematics/angular                12.1.4
rxjs                               7.8.1
typescript                         4.8.2

Anything else?

No response

[crisbeto]

Can you post what your template looks like?

[anjuss1996]

Can you post what your template looks like?

below is the template used in the project:

                         <mat-form-field class="some-class" [floatLabel]="floatLabel">
                                <mat-label class="float-label">
                                    Select
                                </mat-label>
                                <mat-select class="wrap-text" formControlName="country"
                                    [disabled]="condition1 || condition2 || condition3" disableOptionCentering
                                    (selectionChange)="callFnOnChange($event)" panelClass="selectPanelClass" required>
                                    <mat-option>Select</mat-option>
                                    <mat-option *ngFor="countryObj of countryList" [value]="countryObj.code">
                                        {{countryObj.name}}
                                    </mat-option>
                                </mat-select>
                            </mat-form-field>

[JeanMeche]

This is likely a dupe of angular/angular#48350

[crisbeto]

That's correct, using the disabled attribute together with reactive forms isn't supported by the forms module anymore. Closing since it's working as expected.

[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.}