How to programatically scroll the MatDialogContent?

Question

I have a MatDialog (with MatDialogContent), which is bigger than the screen, so the vertical bar appears. After the unsuccessfull submit and all form's fields revalidation, I want to conditionally scroll to bottom of that dialog, to show MatError to the user. How to achieve that?

Answer 1

I implemented programatically scroll on div but not sure on MatDialogContent but you can give a try.

<div #scrollMe style="overflow: scroll; height: xyz;">
    // ...Scroling content
</div>

Then in component.ts

import {..., ElementRef, ViewChild, OnInit} from 'angular2/core'
@Component({
    ...
})
export class ChannelComponent implements OnInit{

    @ViewChild('scrollMe') private myScrollContainer: ElementRef;

    scrollToBottom(): void {
        try {
            this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
        } catch(err) {

        }                 
    }

    onError() {
        // Call scroll to bottom when you want to show error at bottom.
        this.scrollToBottom();
    }
}