_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Upgrade conversion

Browse Source 
When user send multi message, scroll on last message
This commit is contained in:
Gregoire Parant 2021-01-06 17:08:13 +01:00
parent 4397ff7712
commit 73d7e798e9
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
front/src/WebRtc/DiscussionManager.ts
View File

@ -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){