From 3eb09b66ec134d105e8648f2329b8968643bc3c2 Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Mon, 4 Sep 2023 23:17:16 -0700
Subject: [PATCH] Fix blur performance issue in Safari (#1646)
* Fix blur performance issue in Safari
* Release notes
---
packages/desktop-client/src/components/PrivacyFilter.tsx | 3 +++
upcoming-release-notes/1646.md | 6 ++++++
2 files changed, 9 insertions(+)
create mode 100644 upcoming-release-notes/1646.md
diff --git a/packages/desktop-client/src/components/PrivacyFilter.tsx b/packages/desktop-client/src/components/PrivacyFilter.tsx
index d840cbc12..a1d038f5f 100644
--- a/packages/desktop-client/src/components/PrivacyFilter.tsx
+++ b/packages/desktop-client/src/components/PrivacyFilter.tsx
@@ -85,6 +85,9 @@ function BlurredOverlay({ blurIntensity, children, ...props }) {
...(!hovered && {
filter: `blur(${blurIntensity})`,
WebkitFilter: `blur(${blurIntensity})`,
+ // To fix blur performance issue in Safari.
+ // https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari
+ transform: `translate3d(0, 0, 0)`,
}),
};
diff --git a/upcoming-release-notes/1646.md b/upcoming-release-notes/1646.md
new file mode 100644
index 000000000..39e9a4409
--- /dev/null
+++ b/upcoming-release-notes/1646.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [joel-jeremy]
+---
+
+Fix blur performance issue in Safari.
--
GitLab