From b8ec94e5482a8163a11ab93b9b938a90739fb0e0 Mon Sep 17 00:00:00 2001
From: Jon Staab <jstaab@protonmail.com>
Date: Mon, 17 Aug 2026 15:33:12 -0700
Subject: [PATCH] Patch requestIdleCallback for android

---
 src/app.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/app.html b/src/app.html
index 5124988f..b12cef26 100644
--- a/src/app.html
+++ b/src/app.html
@@ -25,6 +25,19 @@
     <link rel="icon" href="/pwa-192x192.png" sizes="192x192" type="image/png" />
     <link rel="icon" href="/pwa-512x512.png" sizes="512x512" type="image/png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png" />
+    <!-- Android's WebView can go arbitrarily long without an idle period, and both
+         emoji-picker-element and our own storage writes hand work to requestIdleCallback
+         without a timeout, so on a phone that work never ran. Giving one to every caller
+         only ever makes a callback run sooner. Must precede sveltekit's module scripts:
+         emoji-picker-element reads the global once, when it is imported. -->
+    <script>
+      const idle = window.requestIdleCallback
+
+      if (idle) {
+        window.requestIdleCallback = (callback, options) =>
+          idle.call(window, callback, {timeout: 200, ...options})
+      }
+    </script>
     %sveltekit.head%
   </head>
   <body data-sveltekit-preload-data="hover" data-sveltekit-preload-code="eager">