[PR feedback] Update Sass mixin as well

- eventually going to be deprecated, but we can cross that bridge when we get to it
elastic · Jun 26, 2024 · 3848243 · 3848243
1 parent 49b34a7
commit 3848243
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/eui/src/global_styling/mixins/_shadow.scss b/packages/eui/src/global_styling/mixins/_shadow.scss
@@ -100,4 +100,9 @@
   } @else {
     @warn "euiOverflowShadow() expects direction to be 'y' or 'x' but got '#{$direction}'";
   }
+
+  // Chrome+Edge has a very bizarre edge case bug where `mask-image` stops working
+  // This workaround forces a stacking context on the scrolling container, which
+  // hopefully addresses the bug. @see https://github.com/elastic/eui/pull/7855
+  transform: translateZ(0);
 }