pleroma-fe

commit: 38ea47df890e8a4b72c3b6009d1d5b8d3ec77b2e
parent 96a24ec6259cf2658f5d53939aa75c0bacfb657d
Author: Tusooa Zhu <tusooa@kazv.moe>
Date:   Thu, 19 May 2022 20:42:40 -0400

Fix virtual scrolling when the user has a lot of pinned statuses

Diffstat:
M
src/components/timeline/timeline.js
5
+++--

1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
@@ -76,8 +76,9 @@ const Timeline = {
     statusesToDisplay () {
       const amount = this.timeline.visibleStatuses.length
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
-      const min = Math.max(0, this.virtualScrollIndex - statusesPerSide)
-      const max = Math.min(amount, this.virtualScrollIndex + statusesPerSide)
+      const nonPinnedIndex = this.virtualScrollIndex - this.filteredPinnedStatusIds.length
+      const min = Math.max(0, nonPinnedIndex - statusesPerSide)
+      const max = Math.min(amount, nonPinnedIndex + statusesPerSide)
       return this.timeline.visibleStatuses.slice(min, max).map(_ => _.id)
     },
     virtualScrollingEnabled () {