Ability to display tooltip on disabled button / element

[jorroll]

Bug, feature request, or proposal:

feature (maybe bug)

What is the expected behavior?

Ability to display tooltip on disabled button / element.

e.g.

<button mat-button matTooltip="first enter email address" disabled [matTooltipDisabled]=false>
  Next
</button>

or

<button mat-button matTooltip="first enter email address" [matButtonDisabled]=true>
  Next
</button>

What is the current behavior?

Both tooltip and button are disabled using disabled input attribute. In order to just disable one or the other, you must use a helper element to split the component up.

e.g.

<span matTooltip="first enter email address">
  <button mat-button  [disabled]=true>
    Next
  </button>
</span>

What are the steps to reproduce?

See https://stackblitz.com/edit/angular-material2-issue

<button mat-button matTooltip="first enter email address" disabled [matTooltipDisabled]=false>
  Next
</button>

In the above, the both the button and the tooltip are disabled.

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

Ability to just disable a button / form element & not disable its associated tooltip, or vice-versa. E.g. this is useful if you'd like the tooltip to explain why the button is disabled.

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

angular: 4.4.6
material: 2.0.0-beta.12

Is there anything else we should know?

[ghd8]

see #5040

[jorroll]

@ghd8 thanks. Disappointing.

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