title: Add auto-scroll at bottom after the images previews are loaded
body: <p>I'm facing a problem with an <code>auto-scroll</code> on the website I'm developing. The initial <code>auto-scroll</code> works properly but when loading the conversation, some messages contain images that are also loading. After being loaded the messages containing images get bigger, this sets wrongly the position of the scrollbar which is non longer at the bottom.</p>
  <p>Do you know how to force the scrollbar to stay at the bottom until all images are loaded?</p>
  <p>PS: I'm using Typescript / React for the frontend</p>
  <p>Here is the function used to <code>auto-scroll</code> to the bottom (it is called each time the conversation is fetched/updated):</p>
  <pre><code>scrollToBottomChat(): void {
     const chatBody = document.getElementById(&quot;chatBody&quot;);
     if (chatBody) {
         chatBody.scrollTop = chatBody.scrollHeight;
     }
  }
  </code></pre>