From a27896131620b2be1d7ce084b484f5070fc83988 Mon Sep 17 00:00:00 2001
From: mrfry <mr.fry@tutanota.com>
Date: Mon, 21 Nov 2022 14:50:14 +0100
Subject: [PATCH] scroll to bottom on img load

---
 src/pages/chat.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/chat.js b/src/pages/chat.js
index 8526da5..f7350e5 100644
--- a/src/pages/chat.js
+++ b/src/pages/chat.js
@@ -566,7 +566,14 @@ export default class Chat extends React.Component {
     } else if (type === 'img') {
       return (
         <a key={key} href={msg} rel="noreferrer" target="_blank">
-          <img src={`${constants.apiUrl}${msg}`} />
+          <img
+            onLoad={() => {
+              if (!this.state.skipBottomScroll) {
+                this.scrollToChatBottom()
+              }
+            }}
+            src={`${constants.apiUrl}${msg}`}
+          />
         </a>
       )
     } else if (type === 'file') {
@@ -604,6 +611,7 @@ export default class Chat extends React.Component {
       <div
         className={`${styles.loadMore} ${styles.loadMoreActive}`}
         onClick={() => {
+          this.setState({ skipBottomScroll: true })
           this.socket.emit('get chat messages', {
             chatPartner: selectedUser,
             from: firstMessage.date,