Exception thrown when selecting an option with MatSelect on angular 5.0.0-rc.3

[dushkostanoeski]

I know that technically v5 isn't supported, but I am guessing that it will be as soon as it gets to a final version. The following exception is thrown when you select an option (even the default empty one) :

ERROR TypeError: Cannot read property 'nativeElement' of undefined
    at MatSelect._onFadeInDone (select.es5.js:744)
    at Object.eval [as handleEvent] (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 core.js:10317
    at animations.js:348
    at Array.forEach (<anonymous>)
    at animations.js:346

I'm using beta12

[crisbeto]

Should be fixed in master by #7729.

[chasemgray]

I get a similar error due to panel being undefined within my tests when I select a 'mat-option' inside of a select.

It's happening in this method for the same reason.

    MatSelect.prototype._onAttached = /**
     * Callback that is invoked when the overlay panel has been attached.
     * @return {?}
     */
    function () {
        var _this = this;
        this.overlayDir.positionChange.pipe(first()).subscribe(function () {
            _this._changeDetectorRef.detectChanges();
            _this._calculateOverlayOffsetX();
            _this.panel.nativeElement.scrollTop = _this._scrollTop; // <<<< Error Happening Here
        });
    };

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