From ebae63c69b808aa4c1d94dec2861e51fc4aa3e5b Mon Sep 17 00:00:00 2001
From: Felix Habib <fhabib@seek.com.au>
Date: Fri, 6 Dec 2024 10:46:59 +1100
Subject: [PATCH] MenuRenderer, OverflowMenu: Improve scroll fade effect in
 older browsers

---
 .../components/private/ScrollContainer/ScrollContainer.css.ts    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts b/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts
index 507aff5384d..256736a94bb 100644
--- a/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts
+++ b/packages/braid-design-system/src/lib/components/private/ScrollContainer/ScrollContainer.css.ts
@@ -7,6 +7,7 @@ import {
 
 export const container = style({
   WebkitOverflowScrolling: 'touch',
+  WebkitMaskComposite: 'destination-in', // Fallback for browsers that don't support mask-composite
   maskComposite: 'intersect',
 });