For overflowing tiles, load some out-of-view child tilesload-some-outside-overflow

Intended to reduce cases of tiles becoming visible after their area is
scrolled into view. Doesn't really help if user scrolls quickly, and
rows have many tiles.

1 files changed, 4 insertions, 1 deletions

diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index da3c29c..38a3e12 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -58,6 +58,9 @@ export default defineComponent({
 					break;
 				}
 			}
+			const NUM_EXTRA = 10;
+			firstIdx = Math.max(0, firstIdx - NUM_EXTRA);
+			lastIdx = Math.min(children.length, lastIdx + NUM_EXTRA);
 			return children.slice(firstIdx, lastIdx);
 		},
 		// Basic abbreviations
@@ -375,7 +378,7 @@ export default defineComponent({
 					console.log('handling scroll')
 					this.scrollOffset = this.$el.scrollTop;
 					this.pendingScrollHdlr = 0;
-				}, 50);
+				}, 300);
 			}
 		},
 		// Other