From ec82cfddb03eb8ebbfe51911ec56e2f12b38e341 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Tue, 17 Jul 2018 12:34:56 +0200
Subject: [PATCH] fix(chips): ripple not clipping correctly in safari

Fixes the ripple on a `mat-chip` not being clipped to the rounded corners on Safari.
---
 src/lib/chips/chips.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/chips/chips.scss b/src/lib/chips/chips.scss
index e8f64f303d6b..7a15f286d2cf 100644
--- a/src/lib/chips/chips.scss
+++ b/src/lib/chips/chips.scss
@@ -25,6 +25,9 @@ $mat-chip-remove-size: 18px;
   overflow: hidden;
   box-sizing: border-box;
   -webkit-tap-highlight-color: transparent;
+
+  // Required for the ripple to clip properly in Safari.
+  transform: translateZ(0);
 }
 
 .mat-standard-chip {