bug(mat-form-field): placeholder and mat-label are overlaping

[julianobrasil]

Bug, feature request, or proposal:

When you double click a disabled input with both mat-label and placeholder they overlap.

What is the expected behavior?

They shouldn't overlap

What is the current behavior?

When you double click a disabled input with both mat-label and placeholder they overlap.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-material-placeholder-problems?file=app%2Fform-field-overview-example.html

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

It's pretty common that the user tries to click/double click on a disabled input to make shure that he/she is really unable to interact with it.

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

I tested it with Google Chrome and Material 6.4.7

Is there anything else we should know?

I also tried to use the deprecated mat-placeholder, but it fails to work with interpolation when it's used together with mat-label. Otherwise it behaves as expected.

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