mat-select throw an error after option selected

[iceekey]

Bug, feature request, or proposal:

index.d.ts.MatSelect.html:1 ERROR TypeError: Cannot read property 'nativeElement' of undefined
    at MatSelect._onFadeInDone (select.es5.js:744)
    at Object.eval [as handleEvent] (index.d.ts.MatSelect.html:1)
    at handleEvent (core.js:13254)
    at callWithDebugContext (core.js:14739)
    at Object.debugHandleEvent [as handleEvent] (core.js:14326)
    at dispatchEvent (core.js:9703)
    at eval (core.js:10317)
    at eval (animations.js:348)
    at Array.forEach (<anonymous>)
    at eval (animations.js:346)

<mat-select [ngModel]="language" (change)="switchLanguage($event)"
    placeholder="{{'app.language'|translate}}" name="lang">
         <mat-option *ngFor="let lang of languages" [value]="lang.locale">
              {{lang.name}}
         </mat-option>
</mat-select>

    MatSelect.prototype._onFadeInDone = function () {
        this._panelDoneAnimating = this.panelOpen;
        this.panel.nativeElement.focus(); // <-- ERROR IS HAPPENING HERE
        this._changeDetectorRef.markForCheck();
    };

After update this error appeared. Everything works fine, just the error and small animation glitch when overlap panel fading out. Idk what to do with this error and how to fix it. Code looks pretty standard...

What is the current behavior?

• Chrome, Linux (Solus Project)
• Angular ^5.0.0
• @angular/material ^2.0.0-beta.12

[willshowell]

See #7729

[iceekey]

@willshowell So it's officially a bug. Is my options limited to wait for an update?

[willshowell]

@iceekey You can,

1. Wait for next release
2. Use snapshot builds
3. Downgrade core to 4.x

[iceekey]

@willshowell Thank you for your reply!

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