From fc8554bed34121c55d738cad58e5104c3cc95f33 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Thu, 15 Mar 2018 10:00:51 -0700
Subject: [PATCH] use rIC to keep scrolling smooth

---
 .../pseudoVirtualList/PseudoVirtualListLazyItem.html           | 3 ++-
 routes/_components/virtualList/VirtualListLazyItem.html        | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/routes/_components/pseudoVirtualList/PseudoVirtualListLazyItem.html b/routes/_components/pseudoVirtualList/PseudoVirtualListLazyItem.html
index 216beac..4f297e6 100644
--- a/routes/_components/pseudoVirtualList/PseudoVirtualListLazyItem.html
+++ b/routes/_components/pseudoVirtualList/PseudoVirtualListLazyItem.html
@@ -14,6 +14,7 @@
 <script>
   import PseudoVirtualListItem from './PseudoVirtualListItem.html'
   import { mark, stop } from '../../_utils/marks'
+  import { scheduleIdleTask } from '../../_utils/scheduleIdleTask'
 
   export default {
     async oncreate() {
@@ -23,7 +24,7 @@
       let key = this.get('key')
       if (makeProps) {
         let props = await makeProps(key)
-        requestAnimationFrame(() => { // delay slightly to avoid slow scrolling
+        scheduleIdleTask(() => { // delay to avoid slow scrolling
           mark('PseudoVirtualListLazyItem set props')
           this.set({props: props})
           stop('PseudoVirtualListLazyItem set props')
diff --git a/routes/_components/virtualList/VirtualListLazyItem.html b/routes/_components/virtualList/VirtualListLazyItem.html
index 873db8b..1a9edf4 100644
--- a/routes/_components/virtualList/VirtualListLazyItem.html
+++ b/routes/_components/virtualList/VirtualListLazyItem.html
@@ -9,6 +9,7 @@
 <script>
   import VirtualListItem from './VirtualListItem'
   import { mark, stop } from '../../_utils/marks'
+  import { scheduleIdleTask } from '../../_utils/scheduleIdleTask'
 
   export default {
     async oncreate() {
@@ -18,7 +19,7 @@
       let key = this.get('key')
       if (makeProps) {
         let props = await makeProps(key)
-        requestAnimationFrame(() => { // delay slightly to avoid slow scrolling
+        scheduleIdleTask(() => { // delay to avoid slow scrolling
           mark('VirtualListLazyItem set props')
           this.set({props: props})
           stop('VirtualListLazyItem set props')