lisichatbot 1.7.3 → 1.7.5

package/package.json

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

package/src/index.js

@@ -51,27 +51,9 @@ 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;
-        }
-    };
-    
-    // Immediate scroll
-    scrollToLastElement();
-    
-    // ✅ Use requestAnimationFrame to ensure DOM layout is complete
-    requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-            scrollToLastElement();
-        });
-    });
+    // ✅ Scroll to absolute bottom instantly (no smooth animation)
+    elements.messages.scrollTop = elements.messages.scrollHeight;
+    console.log(`  📜 Scrolled to bottom: ${elements.messages.scrollHeight}px`);
 }
 
 function enableNextButton() {
@@ -981,7 +963,29 @@ function renderCustomSelectOptions(options, field, customConfig) {
 
     elements.messages.appendChild(optionsWrapper);
     renderMinMaxInputs(field, customConfig, existingData);
+    
+    // ✅ Very aggressive scrolling to ensure all options are visible
     scrollToBottom();
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 50);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 150);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 300);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 500);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 800);
 
     const optionElements = optionsWrapper.querySelectorAll('[data-chat-input-element="container"]');
     optionElements.forEach(el => {
@@ -2940,18 +2944,30 @@ async function showNextStep() {
                 nextStep.input.custom
             );
             
-            // ✅ Delayed scrolls to ensure all options are visible
+            // ✅ Very aggressive delayed scrolls to ensure all options are visible
             setTimeout(() => {
                 scrollToBottom();
             }, 100);
             
             setTimeout(() => {
                 scrollToBottom();
-            }, 250);
+            }, 200);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 350);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 500);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 700);
             
             setTimeout(() => {
                 scrollToBottom();
-            }, 400);
+            }, 1000);
             
             // ✅ Check if pre-filled - renderCustomSelectOptions handles enabling if pre-filled
             const existingData = chatState.data[nextStep.input.field];