From da11637ee3009b86937c3cbeada10a5652a287a3 Mon Sep 17 00:00:00 2001 From: Josh Kasten Date: Mon, 18 Nov 2024 21:19:16 +0000 Subject: [PATCH] Chrome macOS 15 extra notification workaround macOS 15 made some unknown changes that causes Chrome's fragile notification display detection to fail, which means an extra notification with the body "This site has been updated in the background" displays. This was reported to Google under this issue: https://issues.chromium.org/issues/378103918 A workaround was found that if you delay ending the service worker event for a bit then Chrome will detect the notification from macOS. However this work around won't work 100% of the time since if a notification is closed very quickly (within the 1000ms). This window is also much easier to hit if notifications are send back-to-back. Lastly it is unknown if 1000ms is always enough time, but to much time isn't good either due what was noted earlier. We scoped this workaround to the known target of Chromium on macOS 15 so this ~1% chance doesn't cause issues on other platforms. We can't detect the macOS version so this will effect all versions. What this does not fix: There is also an issue where if the OneSignal feature received receipts / confirmed deliveries is on and the notification is clicked or closed with in it's wait window this extra notification will display. We will address this in a different PR. --- src/sw/serviceWorker/ServiceWorker.ts | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/src/sw/serviceWorker/ServiceWorker.ts b/src/sw/serviceWorker/ServiceWorker.ts index 622994a7c..683f562b0 100755 --- a/src/sw/serviceWorker/ServiceWorker.ts +++ b/src/sw/serviceWorker/ServiceWorker.ts @@ -773,10 +773,27 @@ export class ServiceWorker { badge: notification.badgeIcon, }; - return self.registration.showNotification( + await self.registration.showNotification( notification.title, notificationOptions, ); + + await this.afterNotificationDisplayMacOS15ChromiumWorkaround(); + } + + // Workaround: For Chromium browsers displaying an extra notifiation, even + // when background rules are followed. + // For reference, the notifiation body is "This site has been updated in the background". + // https://issues.chromium.org/issues/378103918 + static async afterNotificationDisplayMacOS15ChromiumWorkaround(): Promise { + const userAgentData = (navigator as any).userAgentData; + const isMacOS = userAgentData?.platform === 'macOS'; + const isChromium = !!userAgentData?.brands?.some( + (item: { brand: string; }) => item.brand === 'Chromium' + ); + if (isMacOS && isChromium) { + await awaitableTimeout(1_000); + } } /**