rajch_ales/MaalFlows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep widget scrolled to latest messages

Browse Source
This commit is contained in:
rajchales-monito
2026-07-24 11:06:19 +02:00
parent cc2ffc07e6
commit a959fd6e6d
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/widget.js
+14 -2
View File
@@ -272,7 +272,7 @@
if (message.senderType === "admin") lastAdminName = message.senderName || "Operator"; if (message.senderType === "admin") lastAdminName = message.senderName || "Operator";
else lastAdminName = null; else lastAdminName = null;
} }
messages.scrollTop = messages.scrollHeight; scrollMessagesToBottom(messages);
} }
function addMessage(messages, sender, senderName, body, attachments, lastAdminName) { function addMessage(messages, sender, senderName, body, attachments, lastAdminName) {
@@ -286,7 +286,19 @@
item.className = `mf-message ${sender}`; item.className = `mf-message ${sender}`;
item.innerHTML = `${body ? `<p>${escapeHtml(body)}</p>` : ""}${attachments.map((a) => `<a class="mf-photo" href="${apiBase}${a.url}" target="_blank" rel="noreferrer"><img src="${apiBase}${a.url}" alt="${escapeHtml(a.name)}"></a>`).join("")}`; item.innerHTML = `${body ? `<p>${escapeHtml(body)}</p>` : ""}${attachments.map((a) => `<a class="mf-photo" href="${apiBase}${a.url}" target="_blank" rel="noreferrer"><img src="${apiBase}${a.url}" alt="${escapeHtml(a.name)}"></a>`).join("")}`;
messages.append(item); messages.append(item);
messages.scrollTop = messages.scrollHeight; for (const image of item.querySelectorAll("img")) {
image.addEventListener("load", () => scrollMessagesToBottom(messages), { once: true });
image.addEventListener("error", () => scrollMessagesToBottom(messages), { once: true });
}
scrollMessagesToBottom(messages);
}
function scrollMessagesToBottom(messages) {
const scroll = () => { messages.scrollTop = messages.scrollHeight; };
scroll();
requestAnimationFrame(scroll);
setTimeout(scroll, 80);
setTimeout(scroll, 240);
} }
function mergeImageFiles(currentFiles, incomingFiles) { function mergeImageFiles(currentFiles, incomingFiles) {