fix scroll

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>

diff --git a/templates/landscape.tera b/templates/landscape.tera
index f943d350691d17737b4e6d28906044ad61c683fe..2c573e2171384e3e31985ca28deb643f7bf97035 100644 (file)
--- a/templates/landscape.tera
+++ b/templates/landscape.tera
@@ -45,7 +45,7 @@
       </div>
        {{ m::uos() }}
 
-<div id="logouter">
+<div>
   <div id="log" style="overflow-y: scroll; height: 600px;">
   {% for ent in log %}
     <div>

diff --git a/templates/script.ts b/templates/script.ts
index 57bc9fea3c4047637d3186846e954abfd7f85c8d..ff73a4413300ed162f0b45838835401088e78a38 100644 (file)
--- a/templates/script.ts
+++ b/templates/script.ts
@@ -865,9 +865,7 @@ function add_timestamped_log_message(ts_html: string, msg_html: string) {
   log_elem.appendChild(ne);
 
   if (!in_scrollback) {
-    let by = ne.getBoundingClientRect()!.height;
-    lastent = log_elem.lastElementChild!;
-    logscroll_elem.scrollBy(0, by);
+    logscroll_elem.scrollTop = logscroll_elem.scrollHeight;
   }
 }
 
@@ -1088,8 +1086,8 @@ function startup() {
   let sse_url_prefix = body.dataset.sseUrlPrefix!;
   status_node = document.getElementById('status')!;
   status_node.innerHTML = 'js-done';
-  logscroll_elem = document.getElementById("logscroll") || log_elem;
   log_elem = document.getElementById("log")!;
+  logscroll_elem = document.getElementById("logscroll") || log_elem;
   let dataload = JSON.parse(body.dataset.load!);
   players = dataload.players!;
   delete body.dataset.load;