Tab content scrolls out of view in Edge

[negberts]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Tab group should not scroll when clicking a different tab

What is the current behavior?

When a tab group is below on the page, the page scrolls back to the top of the tabset, hiding the content of the tab and you have to scroll again to view the content of the tab.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-material2-issue-ejf4cu?file=app/app.component.html

Browse all the way to the bottom so that the content of tab 1 is visible. Click on tab 2. The content of the tab scrolls out of view.

What is the use-case or motivation for changing an existing behavior?

If you are viewing Tab 1 and click on Tab 2 you don't want to scroll again. Tab 2 should become visible directly.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 6.1.1
Material 6.4.3
Typescript 2.9.2
Edge

Is there anything else we should know?

[josephperrott]

@crisbeto Were you looking at this already? I seem to remember you working on preventing changing tabs changing scroll position?

[crisbeto]

I did #6812 a while ago, but that was for the scroll position inside the tabs, rather than the position on the page.