bug(chip): Documentation not displaying Stacked chips correctly in the mat-chip-listbox

[ChristopherSnay]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Page with the defect: https://material.angular.io/components/chips/examples

The last example, "Stacked chips" shows full-width chips when the mat-chip CSS shows max-width: 200px

Reproduction

Steps to reproduce:

1. Go to https://material.angular.io/components/chips/examples
2. Scroll to the bottom and view Stacked chips

Expected Behavior

mat-chip should obey the CSS that sets max-width to 200px;

Actual Behavior

mat-chips are 100% width of the container.

Additionally, the only clickable area of the chip is the text area. The overflow is not clickable.

Environment

• Angular:
• CDK/Material:
• Browser(s): Chrome and Edge
• Operating System (e.g. Windows, macOS, Ubuntu):

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