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

mmalerba · mmalerba · commit 2bc17ccc6e77 · 2022-07-14T15:52:12.000Z
(cherry picked from commit 47e1c65)
diff --git a/src/material-experimental/mdc-form-field/form-field.scss b/src/material-experimental/mdc-form-field/form-field.scss
@@ -129,12 +129,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
`@@ -129,12 +129,12 @@`
`129`	`129`	`// shaped artifact where it meets the top and bottom borders.)`
`130`	`130`	`.mat-mdc-form-field .mdc-notched-outline__notch {`
`131`	`131`	`margin-left: -1px;`
`132`		`- @include mat.private-clip-path(inset(-9em -9em -9em 1px));`
	`132`	`+ @include mat.private-clip-path(inset(-9em -999em -9em 1px));`
`133`	`133`
`134`	`134`	`[dir='rtl'] & {`
`135`	`135`	`margin-left: 0;`
`136`	`136`	`margin-right: -1px;`
`137`		`- @include mat.private-clip-path(inset(-9em 1px -9em -9em));`
	`137`	`+ @include mat.private-clip-path(inset(-9em 1px -9em -999em));`
`138`	`138`	`}`
`139`	`139`	`}`
`140`	`140`