Scroll widget on open
This commit is contained in:
+8
-2
@@ -72,7 +72,10 @@
|
|||||||
|
|
||||||
launcher.addEventListener("click", () => {
|
launcher.addEventListener("click", () => {
|
||||||
panel.classList.toggle("open");
|
panel.classList.toggle("open");
|
||||||
if (panel.classList.contains("open")) launcher.classList.remove("mf-notify");
|
if (panel.classList.contains("open")) {
|
||||||
|
launcher.classList.remove("mf-notify");
|
||||||
|
scrollMessagesToBottom(messages);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
close.addEventListener("click", () => panel.classList.remove("open"));
|
close.addEventListener("click", () => panel.classList.remove("open"));
|
||||||
soundButton.addEventListener("click", () => {
|
soundButton.addEventListener("click", () => {
|
||||||
@@ -294,7 +297,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function scrollMessagesToBottom(messages) {
|
function scrollMessagesToBottom(messages) {
|
||||||
const scroll = () => { messages.scrollTop = messages.scrollHeight; };
|
const scroll = () => {
|
||||||
|
messages.scrollTop = messages.scrollHeight;
|
||||||
|
messages.lastElementChild?.scrollIntoView({ block: "end" });
|
||||||
|
};
|
||||||
scroll();
|
scroll();
|
||||||
requestAnimationFrame(scroll);
|
requestAnimationFrame(scroll);
|
||||||
setTimeout(scroll, 80);
|
setTimeout(scroll, 80);
|
||||||
|
|||||||
Reference in New Issue
Block a user