fix(material/slider): set word-break on value-indicator (#27709)

wagnermaciel · web-flow · commit 3b25de95306f · 2023-08-27T23:58:36.000Z
* fixes #27612
diff --git a/src/material/slider/slider.scss b/src/material/slider/slider.scss
@@ -135,6 +135,12 @@ $mat-slider-horizontal-margin: 8px !default;
     .mat-mdc-focus-indicator::before {
       border-radius: 50%;
     }
+
+    // Stop parent word-break from altering
+    // the word-break of the value indicator.
+    .mdc-slider__value-indicator {
+      word-break: normal;
+    }
   }
   // In the MDC slider the focus indicator is inside the thumb.
   .mdc-slider__thumb--focused .mat-mdc-focus-indicator::before {

Original file line number	Diff line number	Diff line change
`@@ -135,6 +135,12 @@ $mat-slider-horizontal-margin: 8px !default;`
`135`	`135`	`.mat-mdc-focus-indicator::before {`
`136`	`136`	`border-radius: 50%;`
`137`	`137`	`}`
	`138`	`+`
	`139`	`+ // Stop parent word-break from altering`
	`140`	`+ // the word-break of the value indicator.`
	`141`	`+ .mdc-slider__value-indicator {`
	`142`	`+ word-break: normal;`
	`143`	`+ }`
`138`	`144`	`}`
`139`	`145`	`// In the MDC slider the focus indicator is inside the thumb.`
`140`	`146`	`.mdc-slider__thumb--focused .mat-mdc-focus-indicator::before {`