Chip input placeholder wrong position

[merobal]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The cursor inside input for chips list should align with the placeholder if floatPlaceholder is set to "never".

What is the current behavior?

Misalignment.

What are the steps to reproduce?

Use floatPlaceholder="never" on default example.

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

Design.

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

Latest on Plunker.

Is there anything else we should know?

Maybe related: #8448

[jelbourn]

@tinayuangao is this the same as #8448? If so, feel free to close

[merobal]

I marked that as related since it's about placeholder too, but the margin: 3px of the input cause this issue.

[merobal]

@jelbourn @tinayuangao I can confirm it's still an issue with rc.1:
https://plnkr.co/edit/rV9QEHQCOJYxTE6ddZ3y?p=preview

Possible fix (check the css file):
https://plnkr.co/edit/s94OWYX9lIawldaUBwk1?p=preview

(Add $mat-chip-input-margin for the placeholder label when floatPlaceholder is set to "never")

[merobal]

@tinayuangao Will #9762 solve this issue?

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