bug(mat-slider): thumb label affected by parent word-break

[gpaimla]

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

Upgraded to mdc based components and the sliders thumb label started looking like this:

found out the culprit to be a word-break: break-word; on one of the parent divs, not sure if this is intended

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-okzuyh?file=src%2Fapp%2Fexample-component.html
Steps to reproduce:

1. move slider thumb

Expected Behavior

slider thumb label shouldn't break on any parent having word-break

Actual Behavior

slider thumb label inherits word-break

Environment

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

[Vidhanvyrs]

hey @gpaimla I am happy to have a look at it and try to resolve it

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