Okupa_Mi_Coche/Okupa_mi_coche_-_Angular
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed chat scroll

Browse Source
This commit is contained in:
Eneko Nieto
2021-04-02 20:08:09 +02:00
parent da88db7fc7
commit 01cdc51e35
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/views/chat/chat.component.ts
View File

@@ -33,13 +33,12 @@ export class ChatComponent implements OnInit, AfterViewInit {
}
}
// Always scroll to last chat message.
ngAfterViewInit(): void {
this.messageItems.last?.nativeElement?.scrollIntoView(false);
// Scroll to last chat message on init and with every new message.
this.scrollToLastMessage();
this.messageItems.changes.subscribe({
next: (c) => {
// this.messageItems.last?.nativeElement?.scrollIntoView(false);
this.messageList.nativeElement.scrollTop = this.messageItems.last?.nativeElement?.offsetTop;
this.scrollToLastMessage();
}
});
}
@@ -53,4 +52,8 @@ export class ChatComponent implements OnInit, AfterViewInit {
return message.getId();
}
private scrollToLastMessage(): void {
this.messageList.nativeElement.scrollTop = this.messageItems.last?.nativeElement?.offsetTop;
}
}