fix(material-experimental/mdc-form-field): ensure clip-path does not truncate label early (#25264)

mmalerba · web-flow · commit 47e1c65322ca · 2022-07-14T08:52:09.000-07:00
diff --git a/src/material-experimental/mdc-form-field/form-field.scss b/src/material-experimental/mdc-form-field/form-field.scss
@@ -128,12 +128,12 @@
 // shaped artifact where it meets the top and bottom borders.)
 .mat-mdc-form-field .mdc-notched-outline__notch {
   margin-left: -1px;
-  @include mat.private-clip-path(inset(-9em -9em -9em 1px));
+  @include mat.private-clip-path(inset(-9em -999em -9em 1px));
 
   [dir='rtl'] & {
     margin-left: 0;
     margin-right: -1px;
-    @include mat.private-clip-path(inset(-9em 1px -9em -9em));
+    @include mat.private-clip-path(inset(-9em 1px -9em -999em));
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -128,12 +128,12 @@`
`128`	`128`	`// shaped artifact where it meets the top and bottom borders.)`
`129`	`129`	`.mat-mdc-form-field .mdc-notched-outline__notch {`
`130`	`130`	`margin-left: -1px;`
`131`		`- @include mat.private-clip-path(inset(-9em -9em -9em 1px));`
	`131`	`+ @include mat.private-clip-path(inset(-9em -999em -9em 1px));`
`132`	`132`
`133`	`133`	`[dir='rtl'] & {`
`134`	`134`	`margin-left: 0;`
`135`	`135`	`margin-right: -1px;`
`136`		`- @include mat.private-clip-path(inset(-9em 1px -9em -9em));`
	`136`	`+ @include mat.private-clip-path(inset(-9em 1px -9em -999em));`
`137`	`137`	`}`
`138`	`138`	`}`
`139`	`139`