mat-tab-link component should be disabled if disabled is set

[denpiv]

Bug, feature request, or proposal:

bug: mat-tab-link can not be disabled any more since moved to 5.0 (worked earlier)

What is the expected behavior?

mat-tab-link component should be disabled if disabled is set

What is the current behavior?

mat-tab-link component is enabled if disabled is set

What are the steps to reproduce?

https://stackblitz.com/edit/angular-cnfz79?file=app%2Ftabs-overview-example.html

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

Tab sometimes should be disabled

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

Angular 5.1.0
Material 5.0.0
TypeScript 2.4.2
OS Ubuntu 16.04
Browser Chrome Version 62.0.3202.75 (Official Build) (64-bit)

[devversion]

@josephperrott This seems to be caused by #7364. Since pointer-events are now enabled, the :focus pseudo selector will work. If you still have a [routerLink] specified on a disabled link, the route will become active on click.

Also while we are at it, I don't think that the attribute tabIndex is valid. The real attribute would be tabindex in lowercase.

In regards to disabling the element. I'm not sure what is the best solution here. The link element can be everything, <a>, <div> and more. Preventing the click events feels a bit weird.

[josephperrott]

After more investigation, this is actually caused by routerLink not being able to be disabled. After discussing with the core team, I opened this issue to allow for routerLink to respect event.preventDefault().

We are able to partially address this within Material by calling preventDefault() on click, which will properly be handled for normal <a> without routerLinks.

A potential workaround for the issue with routerLink is to set the route to be the same as the current page when the link should be disabled.

[josephperrott]

Closed by #9357

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