lisichatbot 1.7.4 → 1.7.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "type": "module",
   "main": "./src/index.js",
   "exports": {

package/src/index.js

@@ -51,25 +51,26 @@ let flowData = null;
 function scrollToBottom() {
     if (!elements.messages) return;
     
-    // ✅ NEW: Ensure the very last child is fully visible
-    const scrollToLastElement = () => {
-        const lastChild = elements.messages.lastElementChild;
-        if (lastChild) {
-            lastChild.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
-            console.log(`  📜 Scrolled last element into view`);
-        } else {
-            // Fallback to scrollHeight
-            elements.messages.scrollTop = elements.messages.scrollHeight;
-        }
+    // ✅ Instant scroll to absolute bottom with detailed logging
+    const scrollNow = () => {
+        const before = elements.messages.scrollTop;
+        const height = elements.messages.scrollHeight;
+        const clientHeight = elements.messages.clientHeight;
+        
+        elements.messages.scrollTop = elements.messages.scrollHeight;
+        
+        const after = elements.messages.scrollTop;
+        console.log(`  📜 Scroll: ${before}px → ${after}px (height: ${height}px, client: ${clientHeight}px, diff: ${height - clientHeight}px)`);
     };
     
     // Immediate scroll
-    scrollToLastElement();
+    scrollNow();
     
-    // ✅ Use requestAnimationFrame to ensure DOM layout is complete
+    // ✅ Use requestAnimationFrame to catch any layout changes
     requestAnimationFrame(() => {
+        scrollNow();
         requestAnimationFrame(() => {
-            scrollToLastElement();
+            scrollNow();
         });
     });
 }