From 30dc5e66127145398bf2e5db909f8720ad98b10f Mon Sep 17 00:00:00 2001
From: "Kenneth G. Franqueiro" <kfranqueiro@google.com>
Date: Thu, 4 Jan 2018 17:12:57 -0500
Subject: [PATCH] fix(ripple): Apply will-change to surface rather than
 pseudo-elements

This avoids a rendering regression in Safari where ripples/shade
expanded beyond the border-radius of the surface, and also generally
decreases the surface area affected by `will-change`.
---
 packages/mdc-ripple/_mixins.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mdc-ripple/_mixins.scss b/packages/mdc-ripple/_mixins.scss
index da78a2a6f08..9d4af2f33b5 100644
--- a/packages/mdc-ripple/_mixins.scss
+++ b/packages/mdc-ripple/_mixins.scss
@@ -28,6 +28,7 @@
   --mdc-ripple-fg-translate-start: 0;
 
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  will-change: transform, opacity;
 
   &::before,
   &::after {
@@ -36,7 +37,6 @@
     opacity: 0;
     pointer-events: none;
     content: "";
-    will-change: transform, opacity;
   }
 
   &::before {