From 3607677939fad3f5fc6b65e1c22514f8849cb36b Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 5 Mar 2019 16:03:31 +0100
Subject: [PATCH] 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.
---
 src/lib/form-field/form-field-input.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/form-field/form-field-input.scss b/src/lib/form-field/form-field-input.scss
index c0d37322340..dec75e4435b 100644
--- a/src/lib/form-field/form-field-input.scss
+++ b/src/lib/form-field/form-field-input.scss
@@ -193,6 +193,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;