livechat 0.4.7 → 0.4.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '09c824179376138fe658faa40d6cc57949c642e10f42338d442152d50ab4db38'
-  data.tar.gz: 0477a0b2e15986595aec854184f0d97ab72dc92fd8ced2738145cc985589490c
+  metadata.gz: 7f0dd913b9f9ac88756a298d2ad57cf69c78d3f8bf31c08941171a6d13626a16
+  data.tar.gz: 1148803aaf1b0d465afd5526ee6196d0814f23f0a3c75d4f9a7cfbd3ba96f6ee
 SHA512:
-  metadata.gz: f356b2a55640050e11d295ccded406fe4f4698543241ed04bf0754ff9a11b079a566e889391c04bb4b9558fc5989c7a52fcd4a7fa36627ef506a0479e4e419c9
-  data.tar.gz: fd1edc5d3a0cd36fd8f03cf8ac7946d5615249e1d8da69bc43a9e6d2393aa61a1bde6c39ae65acc71aba70e21a26c80e60fb089433e4a87b0c654eff4c1c0266
+  metadata.gz: 8eff7b6fff9df34b825dd647d41eabc4e415572bd5dd282465f52de3e2ac4fa3ee648a6123b426dc67615f064d82e3354762b0cc9103ea9d724d251de5e769c8
+  data.tar.gz: 57905952ca50aaa60b2103577ab54f6ee433f0729329ee5ea999e7a4bade5100a9e585ce9702842857962209f3b63369db9dde0b03358a723d4a9bb960e48251

data/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.4.8
+
+- A conversation with image attachments now opens scrolled to the bottom, not
+  mid-thread. Images load after the initial scroll and grow the thread, so both
+  the inbox and the widget now re-pin to the bottom as each image loads (and
+  the inbox keeps you pinned until you scroll up). Fixes threads with
+  screenshots opening somewhere in the middle.
+
 ## 0.4.7
 
 - The inbox reply composer now matches the visitor widget: one bordered box

data/lib/livechat/dashboard.js

@@ -130,7 +130,21 @@
     var thread = document.getElementById("thread");
     if (!thread) return;
 
-    thread.scrollTop = thread.scrollHeight;
+    // Stick to the bottom until the agent scrolls up. Images (screenshots and
+    // attachments) finish loading after DOMContentLoaded and grow the thread,
+    // so a single scroll-to-bottom now would land mid-thread once they expand
+    // — re-pin as each image loads and once the page has fully loaded.
+    var stick = true;
+    var keepBottom = function () { if (stick) thread.scrollTop = thread.scrollHeight; };
+    thread.addEventListener("scroll", function () {
+      stick = thread.scrollHeight - thread.scrollTop - thread.clientHeight < 80;
+    });
+    keepBottom();
+    var images = thread.querySelectorAll("img");
+    for (var i = 0; i < images.length; i++) {
+      if (!images[i].complete) images[i].addEventListener("load", keepBottom);
+    }
+    window.addEventListener("load", keepBottom);
 
     var replyBox = document.querySelector(".reply textarea");
     var latest = parseInt(thread.getAttribute("data-latest"), 10) || 0;
@@ -204,6 +218,7 @@
           img.src = att.url;
           img.alt = att.name;
           img.loading = "lazy";
+          img.addEventListener("load", keepBottom); // a live image grows the thread
           link.appendChild(img);
         } else {
           link.className = "att-file";

data/lib/livechat/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Livechat
-  VERSION = '0.4.7'
+  VERSION = '0.4.8'
 end

data/lib/livechat/widget.js

@@ -681,6 +681,9 @@
         img.src = att.url;
         img.alt = att.name;
         img.loading = "lazy";
+        // The image loads after its bubble is placed and grows the panel —
+        // re-pin to the bottom so a just-arrived image stays in view.
+        img.addEventListener("load", scrollToBottom);
         link.appendChild(img);
       } else {
         link.className = "lvc-att-file";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: livechat
 version: !ruby/object:Gem::Version
-  version: 0.4.7
+  version: 0.4.8
 platform: ruby
 authors:
 - Yaroslav Shmarov