slawk0/web-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed auto scrolling

Browse Source
This commit is contained in:
slawk0
2024-09-11 20:35:34 +02:00
parent e85dcb8487
commit e0510dcd5a
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/js/chat.js
View File

@@ -79,7 +79,7 @@ async function initializeSocket() {
const item = document.createElement('li'); const item = document.createElement('li');
item.textContent = `${username}: ${content}`; item.textContent = `${username}: ${content}`;
messages.appendChild(item); messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight); messages.scrollTop = messages.scrollHeight;
} }
// Add and display contact/incoming messages // Add and display contact/incoming messages
@@ -136,6 +136,7 @@ async function initializeSocket() {
if (input.value && currentRecipient) { if (input.value && currentRecipient) {
console.log('Sending message:', input.value, 'to', currentRecipient); console.log('Sending message:', input.value, 'to', currentRecipient);
socket.emit('chat message', { content: input.value, recipient: currentRecipient }); socket.emit('chat message', { content: input.value, recipient: currentRecipient });
messages.scrollTop = messages.scrollHeight;
input.value = ''; input.value = '';
} }
}); });
@@ -149,7 +150,7 @@ async function initializeSocket() {
item.textContent = `${message.username}: ${message.content}`; item.textContent = `${message.username}: ${message.content}`;
messages.appendChild(item); messages.appendChild(item);
} }
window.scrollTo(0, document.body.scrollHeight); messages.scrollTop = messages.scrollHeight;
}); });
} }