fix(material/form-field): missing ellipsis for input with long text

angular · Jul 22, 2023 · 75042a8 · 75042a8
1 parent cc02ea8
commit 75042a8
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/material/form-field/form-field.scss b/src/material/form-field/form-field.scss
@@ -165,3 +165,11 @@
 .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
   max-width: calc(100% * 4 / 3 + 1px);
 }
+
+.mat-mdc-form-field-type-mat-input {
+  &.mat-form-field-appearance-fill {
+    .mat-mdc-floating-label {
+      max-width: 100%;
+    }
+  }
+}