From 8ac142adc562fcf66e16840e22ebe5a9333825ae Mon Sep 17 00:00:00 2001 From: "Andrew C. Dvorak" Date: Tue, 6 Feb 2018 14:05:37 -0800 Subject: [PATCH] fix(ripple): Ensure hover/focus states have proper z-index Previously, if the ripple surface had a non-statically-positioned child element (e.g., `position: absolute`), the hover/focus wash was displayed _below_ the child instead of _above_ it. --- packages/mdc-ripple/_mixins.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/mdc-ripple/_mixins.scss b/packages/mdc-ripple/_mixins.scss index 66df9e8d653..ded7057dd73 100644 --- a/packages/mdc-ripple/_mixins.scss +++ b/packages/mdc-ripple/_mixins.scss @@ -41,6 +41,7 @@ &::before { transition: opacity $mdc-states-wash-duration linear; + z-index: 1; // Ensure that the ripple wash for hover/focus states is displayed on top of positioned child elements } // Common styles for upgraded surfaces (some of these depend on custom properties set via JS or other mixins)