From 6e3f8d6a0a0a1b6915901b0780b376b6b0aad42f Mon Sep 17 00:00:00 2001
From: Germain Souquet <germain@souquet.com>
Date: Fri, 7 May 2021 15:26:16 +0100
Subject: [PATCH] Decrypt last events first to avoid shifts when scrolling up

---
 src/components/structures/TimelinePanel.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/structures/TimelinePanel.js b/src/components/structures/TimelinePanel.js
index 6622482efc..63a52f7807 100644
--- a/src/components/structures/TimelinePanel.js
+++ b/src/components/structures/TimelinePanel.js
@@ -1142,7 +1142,12 @@ class TimelinePanel extends React.Component {
     _getEvents() {
         const events = this._timelineWindow.getEvents();
 
+
+        // `slice` performs a shallow copy of the array
+        // we want the last event to be decrypted first but displayed last
+        // `reverse` is destructive and unfortunately mutates the "events" array
         events
+            .slice().reverse()
             .forEach(event => {
                 if (event.shouldAttemptDecryption()) {
                     event.attemptDecryption(MatrixClientPeg.get()._crypto);