BUG: mat-chip without mat-chip-list has no styles

Bug, feature request, or proposal:

Bug

What is the expected behavior?

<mat-chip> without parent <mat-chip-list> should render the same styles. chip.scss is only injected to the <mat-chip-list> component.

What is the current behavior?

<mat-chip> has no styles.

What are the steps to reproduce?

add <mat-chip> to template without <mat-chip-list> stackblitz

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

i dont want to add the <mat-chip-list> if i render only one chip

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

angular: 5.2.2 material: 5.1.0 typescript: 2.6.2 os: * browsers: *

Is there anything else we should know?

[andreElrico]

I have just encountered this “bug”/“design flaw”. I was about to write an issue:

• Here is a STACKBLITZ
• In stackblitz look at the solution in the comment.

Workaround:

• place an empty <mat-chip-list></mat-chip-list> somewhere in your template. Then you can use mat-chips as stand-alones.

[donroyco]

Weird thing is, when adding a mat-chip-list, it works correctly for all mat-chips.