From 404b2f043c2243961cf5b101a0134f2db3610769 Mon Sep 17 00:00:00 2001
From: Jacques Favreau <betaorbust@users.noreply.github.com>
Date: Tue, 16 May 2023 16:39:15 -0700
Subject: [PATCH] fix: Add vendor prefix for web blur. (#678)

---
 src/view/com/util/BlurView.web.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/view/com/util/BlurView.web.tsx b/src/view/com/util/BlurView.web.tsx
index efcf40b9c1..5267e6adeb 100644
--- a/src/view/com/util/BlurView.web.tsx
+++ b/src/view/com/util/BlurView.web.tsx
@@ -14,7 +14,8 @@ export const BlurView = ({
   ...props
 }: React.PropsWithChildren<BlurViewProps>) => {
   // @ts-ignore using an RNW-specific attribute here -prf
-  style = addStyle(style, {backdropFilter: `blur(${blurAmount || 10}px`})
+  let blur = `blur(${blurAmount || 10}px`
+  style = addStyle(style, {backdropFilter: blur, WebkitBackdropFilter: blur})
   if (blurType === 'dark') {
     style = addStyle(style, styles.dark)
   } else {