Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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) { private urlify(text: string) {
let urlRegex = /(https?:\/\/[^\s]+)/g; const urlRegex = /(https?:\/\/[^\s]+)/g;
return text.replace(urlRegex, (url: string) => { return text.replace(urlRegex, (url: string) => {
return '<a href="' + url + '" target="_blank">' + url + '</a>'; return '<a href="' + url + '" target="_blank">' + url + '</a>';
}) })
@ -182,8 +182,15 @@ export class DiscussionManager {
userMessage.innerHTML = this.urlify(message); userMessage.innerHTML = this.urlify(message);
userMessage.classList.add('body'); userMessage.classList.add('body');
divMessage.appendChild(userMessage); divMessage.appendChild(userMessage);
this.divMessages?.appendChild(divMessage); 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){ public removeParticipant(userId: number|string){