Merge pull request #486 from GetStream/safari-scroll-issue

szuperaz · web-flow · commit 15bc950108ef · 2023-10-02T12:44:04.000+02:00
fix: Safari scroll issue
diff --git a/projects/stream-chat-angular/src/lib/message-list/message-list.component.html b/projects/stream-chat-angular/src/lib/message-list/message-list.component.html
@@ -3,6 +3,7 @@
   data-testid="scroll-container"
   class="str-chat__list"
   (scroll)="scrolled()"
+  style="overscroll-behavior: none"
 >
   <div class="str-chat__reverse-infinite-scroll str-chat__message-list-scroll">
     <ul
diff --git a/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts b/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts
@@ -453,7 +453,6 @@ export class MessageListComponent
     this.scrollContainer.nativeElement.scrollTop =
       (this.prevScrollTop || 0) +
       (this.scrollContainer.nativeElement.scrollHeight - this.containerHeight!);
-    this.forceRepaint();
   }
 
   private forceRepaint() {

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@`
`3`	`3`	`data-testid="scroll-container"`
`4`	`4`	`class="str-chat__list"`
`5`	`5`	`(scroll)="scrolled()"`
	`6`	`+ style="overscroll-behavior: none"`
`6`	`7`	`>`
`7`	`8`	`<div class="str-chat__reverse-infinite-scroll str-chat__message-list-scroll">`
`8`	`9`	`<ul`
Original file line number	Diff line number	Diff line change
`@@ -453,7 +453,6 @@ export class MessageListComponent`
`453`	`453`	`this.scrollContainer.nativeElement.scrollTop =`
`454`	`454`	`(this.prevScrollTop \|\| 0) +`
`455`	`455`	`(this.scrollContainer.nativeElement.scrollHeight - this.containerHeight!);`
`456`		`- this.forceRepaint();`
`457`	`456`	`}`
`458`	`457`
`459`	`458`	`private forceRepaint() {`