PM scroll fix when content appears below chat

POPWorldMedia · Aug 29, 2022 · 37fb5bb · 37fb5bb
1 parent ec8e764
commit 37fb5bb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/PopForums.Web/wwwroot/lib/PopForums/package.json b/src/PopForums.Web/wwwroot/lib/PopForums/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@popworldmedia/popforums",
-  "version": "19.0.0-prerelease.353",
+  "version": "19.0.0-prerelease.354",
   "description": "POP Forums client side",
   "scripts": {},
   "repository": {

diff --git a/src/PopForums.Web/wwwroot/lib/PopForums/src/Client/State/PrivateMessageState.ts b/src/PopForums.Web/wwwroot/lib/PopForums/src/Client/State/PrivateMessageState.ts
@@ -28,10 +28,10 @@ export class PrivateMessageState extends StateBase {
             this.connection.on("addMessage", function(message: PrivateMessage) {
                 let messageRow = self.populateMessage(message);
                 let parent = self.postStream.parentElement;
-                let isBottom = parent.scrollHeight - parent.scrollTop - parent.clientHeight < 1;
+                let isBottom = parent.scrollHeight - parent.scrollTop - parent.clientHeight < 200;
                 self.postStream.append(messageRow);
                 if (isBottom)
-                    (self.postStream.lastChild as HTMLElement).scrollIntoView(true);
+                    (self.postStream.lastChild as HTMLElement).scrollIntoView({ behavior: "smooth", block: "end", inline: "start" });
                 self.ackRead();
             });
             this.connection.onreconnected(async () => {