From eb95e614da3a1b6bb50992b9ade9a74adf44fe04 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 4 Oct 2018 19:13:35 +0200
Subject: [PATCH] fix(chips): ripple not clipping correctly in safari (#12244)

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 dcd75f186ea..6194dbba624 100644
--- a/src/lib/chips/chips.scss
+++ b/src/lib/chips/chips.scss
@@ -29,6 +29,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 {