fix(material/form-field): allow clicking on floating label

angular · Nov 28, 2022 · b3c3797 · b3c3797
1 parent 7d60159
commit b3c3797
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/material/form-field/_mdc-text-field-structure-overrides.scss b/src/material/form-field/_mdc-text-field-structure-overrides.scss
@@ -20,11 +20,14 @@
     border: none;
   }
 
-  // In order to ensure proper alignment of the floating label, we reset its line-height.
-  // The line-height is not important as the element is absolutely positioned and only has one line
-  // of text.
   .mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
+    // In order to ensure proper alignment of the floating label, we reset its line-height.
+    // The line-height is not important as the element is absolutely positioned and only has one
+    // line of text.
     line-height: normal;
+    // This makes migration from the legacy form-field easier for tests that were depending on
+    // clicking the label to focus the input.
+    pointer-events: all;
   }
 
   // Reset the height that MDC sets on native input elements. We cannot rely on their