From 73d7e798e9166b043c652329085ba6d63bf39f47 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Wed, 6 Jan 2021 17:08:13 +0100
Subject: [PATCH] Upgrade conversion

When user send multi message, scroll on last message
---
 front/src/WebRtc/DiscussionManager.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/front/src/WebRtc/DiscussionManager.ts b/front/src/WebRtc/DiscussionManager.ts
index 5571bcd6..4282603b 100644
--- a/front/src/WebRtc/DiscussionManager.ts
+++ b/front/src/WebRtc/DiscussionManager.ts
@@ -152,7 +152,7 @@ export class DiscussionManager {
     }
 
     private urlify(text: string) {
-        let urlRegex = /(https?:\/\/[^\s]+)/g;
+        const urlRegex = /(https?:\/\/[^\s]+)/g;
         return text.replace(urlRegex, (url: string) => {
             return '<a href="' + url + '" target="_blank">' + url + '</a>';
         })
@@ -182,8 +182,15 @@ export class DiscussionManager {
         userMessage.innerHTML = this.urlify(message);
         userMessage.classList.add('body');
         divMessage.appendChild(userMessage);
-
         this.divMessages?.appendChild(divMessage);
+
+        //automatic scroll when there are new message
+        setTimeout(() => {
+            this.divMessages?.scroll({
+                top: this.divMessages?.scrollTop + divMessage.getBoundingClientRect().y,
+                behavior: 'smooth'
+            });
+        }, 200);
     }
 
     public removeParticipant(userId: number|string){