fix(form-field): allow user to click through arrow on native select (#15328)

Currently the user's click could be blocked by clicking on the arrow directly. These changes allow the user to click through it.

Fixes #15318.

Author: crisbeto

src/lib/form-field/form-field-input.scss

@@ -187,6 +187,9 @@ select.mat-input-element {
     right: 0;
     margin-top: -$arrow-size / 2;
 
+    // Make the arrow non-clickable so the user can click on the form control under it.
+    pointer-events: none;
+
     [dir='rtl'] & {
       right: auto;
       left: 0;