lisichatbot 1.7.0 → 1.7.2

package/package.json

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

package/src/index.js

@@ -1111,6 +1111,21 @@ function renderMinMaxInputs(field, customConfig, existingData) {
     rangeWrapper.appendChild(errorDiv);
     
     elements.messages.appendChild(rangeWrapper);
+    
+    // ✅ Multiple scrolls to ensure range inputs are visible
+    scrollToBottom();  // Immediate
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 50);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 150);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 300);
 
     if (minInput && maxInput) {
         const updateVisualFeedback = () => {
@@ -1180,6 +1195,21 @@ function selectCustomOption(field) {
     const rangeWrapper = document.querySelector(`[data-chat-element="range-wrapper"][data-field="${field}"]`);
     if (rangeWrapper) {
         rangeWrapper.style.display = 'flex';
+        
+        // ✅ Multiple scrolls to ensure range inputs are visible
+        scrollToBottom();
+        
+        setTimeout(() => {
+            scrollToBottom();
+        }, 50);
+        
+        setTimeout(() => {
+            scrollToBottom();
+        }, 150);
+        
+        setTimeout(() => {
+            scrollToBottom();
+        }, 300);
     }
 }
 
@@ -1253,6 +1283,29 @@ function handleCustomSelectClick(element, field, customConfig) {
         
         if (rangeWrapper) {
             rangeWrapper.style.display = 'flex';
+            
+            // ✅ Aggressive scrolling to show range inputs
+            console.log('  📜 Custom selected - scrolling to show range inputs');
+            
+            // Immediate scroll
+            scrollToBottom();
+            
+            // Multiple delayed scrolls to ensure visibility
+            setTimeout(() => {
+                scrollToBottom();
+            }, 50);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 150);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 300);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 500);
         }
         
         chatState.currentSelection = null;
@@ -3025,6 +3078,13 @@ function handleCompletion() {
     chatState.completed = true;
     console.log('   🏁 Flow marked as completed');
     
+    // ✅ Hide all range wrappers (single-select-custom inputs)
+    const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
+    allRangeWrappers.forEach(wrapper => {
+        wrapper.style.display = 'none';
+    });
+    console.log('  🙈 Hidden all range-wrappers on completion');
+    
     updateEditIcons();
 
     if (elements.nextBtn) {