fix: Add vendor prefix for web blur. (#678)

2023-05-16 16:39:15 -07:00 · 2023-05-16 16:39:15 -07:00 · 404b2f043c
parent b7f081d6e4
commit 404b2f043c
1 changed files with 2 additions and 1 deletions
--- 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 {