fix(form-field): fix underline at different zoom levels (#7567)

angular · Oct 9, 2017 · 5cffd7c · 5cffd7c
1 parent 147ae46
commit 5cffd7c
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/lib/form-field/form-field.scss b/src/lib/form-field/form-field.scss
@@ -145,6 +145,8 @@ $mat-form-field-underline-height: 1px !default;
   position: absolute;
   height: $mat-form-field-underline-height;
   width: 100%;
+  // Prevents underline from disappearing at lower zoom levels.
+  transform: perspective(1px);
 
   &.mat-disabled {
     background-position: 0;