From 0653685f2633661a959a9bb7bcff98f3346633c4 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam.fitzgerald@tlon.io>
Date: Mon, 28 Jun 2021 15:12:49 +1000
Subject: [PATCH] VirtualScroller: prevent reflow loop when origin=top

---
 pkg/interface/src/views/components/VirtualScroller.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pkg/interface/src/views/components/VirtualScroller.tsx b/pkg/interface/src/views/components/VirtualScroller.tsx
index 48278c5c2..b20a32d24 100644
--- a/pkg/interface/src/views/components/VirtualScroller.tsx
+++ b/pkg/interface/src/views/components/VirtualScroller.tsx
@@ -498,10 +498,10 @@ export default class VirtualScroller<K,V> extends Component<VirtualScrollerProps
     const { visibleItems } = this.state;
     const { keyToString } = this.props;
 
-    let bottomIndex = visibleItems[visibleItems.length - 1];
     const { scrollTop, scrollHeight } = this.window;
     const topSpacing = this.props.origin === 'top' ? scrollTop : scrollHeight - scrollTop;
     const items = this.props.origin === 'top' ? visibleItems : [...visibleItems].reverse();
+    let bottomIndex = items[0];
     items.forEach((index) => {
       const el = this.childRefs.get(keyToString(index));
       if(!el) {