[Input] Placeholder not hidden when formControl value changes with emitEvent: false

[filipows]

Bug, feature request, or proposal:

bug

What is the expected behavior?

Placeholder should hide if input value is not empty

What is the current behavior?

Placeholder overlaps the content of input

What are the steps to reproduce?

1. MatFormField: floatPlaceholder="never" or floatLabel="never" (as floatPlaceholder is deprecated)
2. Patch value of formControl with {emitEvent: false}

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

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

Angular: 5.0
Material: 5.0

Ubuntu 16.04
Chrome Version 61.0.3163.100
Firefox Quantum Version 57

Is there anything else we should know?

It can be related to this issue: #7066

[montella1507]

Same here.

[rafh]

I ran into a similar issue, and this is the workaround I'm using until I can come up with something better.

checkFormValues(form) {
   Object.keys(form.controls).forEach(key => {
      if(form.get(key).value.length > 0 && form.get(key).valid) {
      form.get(key).markAsTouched();
      form.get(key).markAsDirty();
      form.get(key).updateValueAndValidity();
     }
  });
}

In my global stylesheet, I applied these styles

mat-input-container.ng-valid.ng-touched {
   .mat-input-placeholder.mat-empty.mat-float {
      transform: translateY(-100%) scale(.75);
   }
}

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