diff --git a/packages/desktop-client/src/components/PrivacyFilter.tsx b/packages/desktop-client/src/components/PrivacyFilter.tsx index d840cbc12a42ef49f0182f2a1823b5931654dcd6..a1d038f5f91881d6e97095e3845de3f0c2048851 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 0000000000000000000000000000000000000000..39e9a440972c8fc27a9209496c797ddaaea4d184 --- /dev/null +++ b/upcoming-release-notes/1646.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [joel-jeremy] +--- + +Fix blur performance issue in Safari.