From ba55d04d244266bdfaf375f268601f76a65ed295 Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Tue, 21 Aug 2018 20:41:06 +0200
Subject: [PATCH] fix(slide-toggle): remove webkit tap highlight (#12708)

* Since the slide-toggle already has the ripples as feedback indicator, the webkit tap highlight can be removed to make the slide-toggle behave more like a native (Android) switch component on touch devices.
---
 src/lib/slide-toggle/slide-toggle.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/slide-toggle/slide-toggle.scss b/src/lib/slide-toggle/slide-toggle.scss
index fb00bccc602..94865f17667 100644
--- a/src/lib/slide-toggle/slide-toggle.scss
+++ b/src/lib/slide-toggle/slide-toggle.scss
@@ -21,14 +21,14 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
   max-width: 100%;
 
   line-height: $mat-slide-toggle-height;
-
   white-space: nowrap;
+  outline: none;
 
   // Disable user selection to ensure that dragging is smooth without grabbing
   // some elements accidentally.
   @include user-select(none);
 
-  outline: none;
+  -webkit-tap-highlight-color: transparent;
 
   &.mat-checked {
     .mat-slide-toggle-thumb-container {