fix(chips): Update chips in chip list, and add margin to chip input

[tinayuangao]

Fixes #8509 #8505

[merobal]

@tinayuangao Adding stateCheck to ngAfterContentInit not fully solve #8509. In our case we update chips from dialog (where user can select from dozens of filters) and we add the selected filters as chips to the chip input component. Demo for this issue: https://plnkr.co/edit/eGPxQCkLCK7T38GDJOzv?p=preview (add chips via external functionality such as via button click.)

EDIT: sorry, I somehow missed chips.changes there. Looks good and looking forward to be merged.

[tinayuangao]

@merobal The stateChange is inside chips.changes so whenever the @ContentChildren(MatChip) chip list changes, stateChange.next() will be triggered.

Tested with your demo and it works.

[merobal]

@tinayuangao it's still an issue in the final release:
https://youtu.be/-ohHhYxwfD0

[merobal]

@tinayuangao do you have any update on this?

[merobal]

@tinayuangao do you have any progress on this?

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