[Input] Suffix wrapper not removed with ngIf

[maartenmensink]

Bug, feature request, or proposal:

 [x] Bug
 [ ] Feature request
 [ ] Proposal

What is the expected behavior?

matSuffix wrapper element should be removed from dom when ngIf is used on element

What is the current behavior?

matSuffix element is removed upon focusing the mat-form-field element

What are the steps to reproduce?

https://stackblitz.com/edit/angular-ddtyp7

In sample do the following

1. Click on eye icon. The .00 suffix disappears but the wrapper marked in red remains
2. Focus on the second input the wrappers is removed from dome.

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

incorrect behavior

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

Angular 5.x
Chrome

Is there anything else we should know?

[mina-skunk]

I have a similar problem where I have to asynchronously check if I should show the suffix but it doesn't show until I focus the input.
https://stackblitz.com/edit/angular-material2-issue-ugnaqj

[PTC-JoshuaMatthews]

Same issue as @gatimus . MatSuffix not responding well to being shown and hidden with an ngIf.

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