From df8d884d91257aefb9bdb79f54d9afe7953fe3e5 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Mon, 17 Aug 2020 17:58:04 +0200
Subject: [PATCH] append all list items at once for initial render

---
 src/ui/web/general/ListView.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/ui/web/general/ListView.js b/src/ui/web/general/ListView.js
index 38aba94a..cb5a3298 100644
--- a/src/ui/web/general/ListView.js
+++ b/src/ui/web/general/ListView.js
@@ -102,12 +102,14 @@ export class ListView {
         }
         this._subscription = this._list.subscribe(this);
         this._childInstances = [];
+        const fragment = document.createDocumentFragment();
         for (let item of this._list) {
             const child = this._childCreator(item);
             this._childInstances.push(child);
             const childDomNode = child.mount(this._mountArgs);
-            this._root.appendChild(childDomNode);
+            fragment.appendChild(childDomNode);
         }
+        this._root.appendChild(fragment);
     }
 
     onAdd(idx, value) {