lisichatbot 1.7.1 → 1.7.3

package/package.json

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

package/src/index.js

@@ -1111,7 +1111,21 @@ function renderMinMaxInputs(field, customConfig, existingData) {
     rangeWrapper.appendChild(errorDiv);
     
     elements.messages.appendChild(rangeWrapper);
-    scrollToBottom();  // ✅ Scroll after adding range inputs
+    
+    // ✅ Multiple scrolls to ensure range inputs are visible
+    scrollToBottom();  // Immediate
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 50);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 150);
+    
+    setTimeout(() => {
+        scrollToBottom();
+    }, 300);
 
     if (minInput && maxInput) {
         const updateVisualFeedback = () => {
@@ -1181,10 +1195,21 @@ function selectCustomOption(field) {
     const rangeWrapper = document.querySelector(`[data-chat-element="range-wrapper"][data-field="${field}"]`);
     if (rangeWrapper) {
         rangeWrapper.style.display = 'flex';
-        // ✅ Scroll after showing range inputs
+        
+        // ✅ Multiple scrolls to ensure range inputs are visible
+        scrollToBottom();
+        
         setTimeout(() => {
             scrollToBottom();
-        }, 100);
+        }, 50);
+        
+        setTimeout(() => {
+            scrollToBottom();
+        }, 150);
+        
+        setTimeout(() => {
+            scrollToBottom();
+        }, 300);
     }
 }
 
@@ -1258,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;
@@ -2892,6 +2940,19 @@ async function showNextStep() {
                 nextStep.input.custom
             );
             
+            // ✅ Delayed scrolls to ensure all options are visible
+            setTimeout(() => {
+                scrollToBottom();
+            }, 100);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 250);
+            
+            setTimeout(() => {
+                scrollToBottom();
+            }, 400);
+            
             // ✅ Check if pre-filled - renderCustomSelectOptions handles enabling if pre-filled
             const existingData = chatState.data[nextStep.input.field];
             const hasPreFill = existingData !== undefined && existingData !== null;
@@ -3037,6 +3098,19 @@ function handleCompletion() {
     });
     console.log('  🙈 Hidden all range-wrappers on completion');
     
+    // ✅ Hide all text and number inputs
+    const allTextInputs = document.querySelectorAll('[data-chat-element="text-input"]');
+    allTextInputs.forEach(input => {
+        input.style.display = 'none';
+    });
+    console.log('  🙈 Hidden all text-inputs on completion');
+    
+    const allNumberInputs = document.querySelectorAll('[data-chat-element="number-input"]');
+    allNumberInputs.forEach(input => {
+        input.style.display = 'none';
+    });
+    console.log('  🙈 Hidden all number-inputs on completion');
+    
     updateEditIcons();
 
     if (elements.nextBtn) {