bug(tabs) IE only: buttons/links not clickable inside tabs with scrolling

Bug, feature request, or proposal:

bug (IE 11)

What is the expected behavior?

On IE 11, buttons/links inside tabs should be clickable

What is the current behavior?

I have a tab, in which I have a lot a content and a button at the end, and I need to scroll dow to see the button. On IE 11, the button/link is not clickable

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue. http://plnkr.co/edit/mbtizQ

IMO there is an issue with the use of css transform (translate3d ?) on IE, looks like it messes up the dom and using the inspector, the enclosing html tag seems to be in front of the button.

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

Well, it should be working

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

OS: Windows 10 Browser: IE 11, version 11.0.9600.18763 // updates versions: 11.0.45 // not tested on other IE version Material beta 10 (not working on previous either, not a regression) TS: 2.4.1

Is there anything else we should know?

I managed to get it to work but seems more like a hack that a fix. I added the lines below in my main stylesheet:

.mat-tab-body-active .mat-tab-body-content.ng-trigger.ng-trigger-translateTab:not(.ng-animating) {
    -ms-transform: none !important;
}

I’m not sure there is a better solution though

[julianobrasil]

Later I’ll be working in a kind of old environment. I’m not sure, but I think I’ll find an IE 11 not updated yet. Then I’ll try out your plunk again. It’s possible that someone of the material team see this issue earlier than that and fix it.

[angular-automatic-lock-bot[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.}