bug(mat-chip-option): overflows the content of a chip not respecting the width of the parent container (in version 14 it worked)

[AdamsContreras999]

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

14.2.7

Description

the content of a chip overflows when the content is sufficiently long, overflowing the text

In this version works good 14.2.7

But in this version the material not work good 15.1.2

Reproduction

Steps to reproduce:

1. Load a chip with enough text (even long enough to exceed the width of the parent container).
2. See what overflows in the current version of angular material 15.1.2

Expected Behavior

The chip should cover the text by modifying its height, and covering all the text downwards without overflowing the parent container as it did in the angular 14.2.7 version.

Actual Behavior

The text inside a chip in angular version 15.1.2 overflows.

Environment

"@angular/animations": "^15.1.2",
"@angular/cdk": "^15.1.2",
"@angular/common": "^15.1.2",
"@angular/compiler": "^15.1.2",
"@angular/core": "^15.1.2",
"@angular/forms": "^15.1.2",
"@angular/material": "^15.1.2",
"@angular/platform-browser": "^15.1.2",
"@angular/platform-browser-dynamic": "^15.1.2",
"@angular/router": "^15.1.2",

[Siddhu-K]

I had the same issue, I used the following to get the old behaviour #26177 (comment)

[Mikastark]

It's caused by this :

components/src/material/chips/chip.scss

Line 131 in 01d5a9d

overflow: visible;

The comment justifying the rule doesn't make sense to me...

[crisbeto]

Duplicate of #26584.

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