From 2b9540ce02de604bf84ea082f2dcb1d01673708c Mon Sep 17 00:00:00 2001
From: Lauri Ojansivu <x@xet7.org>
Date: Sat, 22 Feb 2020 16:32:54 +0200
Subject: [PATCH] Try to fix afterwards loading of cards by adding fallback
 when requestIdleCallback is not available.

Thanks to xet7 !

Closes #2878,
closes #2250
---
 client/components/lists/listBody.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/client/components/lists/listBody.js b/client/components/lists/listBody.js
index 89c27ec7d..03f88f638 100644
--- a/client/components/lists/listBody.js
+++ b/client/components/lists/listBody.js
@@ -743,9 +743,25 @@ BlazeComponent.extendComponent({
   },
 
   updateList() {
+    // Use fallback when requestIdleCallback is not available on iOS and Safari
+    // https://www.afasterweb.com/2017/11/20/utilizing-idle-moments/
+    checkIdleTime =
+      window.requestIdleCallback ||
+      function(handler) {
+        const startTime = Date.now();
+        return setTimeout(function() {
+          handler({
+            didTimeout: false,
+            timeRemaining() {
+              return Math.max(0, 50.0 - (Date.now() - startTime));
+            },
+          });
+        }, 1);
+      };
+
     if (this.spinnerInView()) {
       this.cardlimit.set(this.cardlimit.get() + InfiniteScrollIter);
-      window.requestIdleCallback(() => this.updateList());
+      checkIdleTime(() => this.updateList());
     }
   },