fix log scrolling to only scroll when desired

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

diff --git a/templates/landscape.tera b/templates/landscape.tera
index 157e8defc1b513b90ee7237fb4e6eb5a346e8151..79b418b701201c3402b4dabb602c381fb6862f7b 100644 (file)
--- a/templates/landscape.tera
+++ b/templates/landscape.tera
@@ -45,6 +45,7 @@
       </div>
        {{ m::uos() }}
 
+<div id="logouter">
   <div id="log" style="overflow-y: scroll; height: 600px;">
   {% for ent in log %}
     <div>
@@ -55,5 +56,6 @@
   </div>
 </div>
 </div>
+</div>
 
 {{ m::footer() }}

diff --git a/templates/script.ts b/templates/script.ts
index ebfefcb42ca0d7238ccfe52d68e993de0ab52770..377a814464b69e6c76d6563012f22c0bd264b9ea 100644 (file)
--- a/templates/script.ts
+++ b/templates/script.ts
@@ -110,6 +110,7 @@ var space : SVGGraphicsElement;
 var pieces_marker : SVGGraphicsElement;
 var defs_marker : SVGGraphicsElement;
 var log_elem : HTMLElement;
+var logouter_elem : HTMLElement;
 var status_node : HTMLElement;
 var uos_node : HTMLElement;
 var wresting: boolean;
@@ -831,7 +832,7 @@ function add_timestamped_log_message(ts_html: string, msg_html: string) {
       (() => {
        let le_top = lastent.getBoundingClientRect()!.top;
        let le_bot = lastent.getBoundingClientRect()!.bottom;
-       let ld_bot = log_elem.getBoundingClientRect()!.bottom;
+       let ld_bot = logouter_elem.getBoundingClientRect()!.bottom;
        console.log("ADD_LOG_MESSAGE bboxes: le t b, bb",
                    le_top, le_bot, ld_bot);
        return 0.5 * (le_bot + le_top) > ld_bot;
@@ -1086,6 +1087,7 @@ function startup() {
   let sse_url_prefix = body.dataset.sseUrlPrefix!;
   status_node = document.getElementById('status')!;
   status_node.innerHTML = 'js-done';
+  logouter_elem = document.getElementById("logouter")!;
   log_elem = document.getElementById("log")!;
   let dataload = JSON.parse(body.dataset.load!);
   players = dataload.players!;

diff --git a/templates/session.tera b/templates/session.tera
index 32d67b4893d09b6ac16cb68cdfe57247f0e2266f..84e568e735182efdf07791b2f3392932b6624b11 100644 (file)
--- a/templates/session.tera
+++ b/templates/session.tera
@@ -39,6 +39,7 @@
 <p>{{ m::uos() }}
 
 <p>
+<div id="logouter">
   <div style="overflow-y: scroll; height: 200px;">
     <table id="log">
       {% for ent in log %}
@@ -46,5 +47,6 @@
       {%- endfor %}
     </table>
   </div>
+</div>
 
 {{ m::footer() }}