lisichatbot 1.2.8 → 1.2.9

package/package.json

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

package/src/index.js

@@ -671,14 +671,15 @@ function renderMinMaxInputs(field, customConfig, existingData) {
         Array.isArray(existingData) && 
         existingData.length === 2;
 
-    rangeWrapper.style.display = showMinMax ? '' : 'none';
+    rangeWrapper.style.display = showMinMax ? 'flex' : 'none'; // Keep flex when visible!
 
     // Clone and setup min input
     const minClone = minTemplate.cloneNode(true);
     minClone.style.display = '';
-    minClone.style.marginRight = '16px'; // Gap between min and max
+    minClone.style.marginRight = '16px'; // Horizontal gap
+    minClone.style.marginBottom = '12px'; // Bottom margin if wraps
     minClone.style.width = 'auto'; // Don't stretch
-    minClone.style.flex = '0 0 auto'; // Don't grow or shrink
+    minClone.style.flex = 'none'; // Don't grow or shrink
     minClone.setAttribute('data-field', field);
     
     const minInput = minClone.querySelector('[data-chat-input-element="input"]');
@@ -699,8 +700,9 @@ function renderMinMaxInputs(field, customConfig, existingData) {
     // Clone and setup max input
     const maxClone = maxTemplate.cloneNode(true);
     maxClone.style.display = '';
+    maxClone.style.marginBottom = '12px'; // Bottom margin if wraps
     maxClone.style.width = 'auto'; // Don't stretch
-    maxClone.style.flex = '0 0 auto'; // Don't grow or shrink
+    maxClone.style.flex = 'none'; // Don't grow or shrink
     maxClone.setAttribute('data-field', field);
     
     const maxInput = maxClone.querySelector('[data-chat-input-element="input"]');
@@ -801,7 +803,7 @@ function selectCustomOption(field) {
     // Show min/max inputs
     const rangeWrapper = document.querySelector(`[data-chat-element="range-wrapper"][data-field="${field}"]`);
     if (rangeWrapper) {
-        rangeWrapper.style.display = '';
+        rangeWrapper.style.display = 'flex'; // Keep flex!
     }
 }
 
@@ -831,7 +833,7 @@ function handleCustomSelectClick(element, field, customConfig) {
         // Show min/max inputs
         const rangeWrapper = document.querySelector(`[data-chat-element="range-wrapper"][data-field="${field}"]`);
         if (rangeWrapper) {
-            rangeWrapper.style.display = '';
+            rangeWrapper.style.display = 'flex'; // Keep flex!
         }
         
         // Don't save data yet - wait for validation
@@ -891,12 +893,18 @@ function handleCustomSelectClick(element, field, customConfig) {
 function validateMinMax(field, customConfig) {
     console.log(`\n🔍 === VALIDATING MIN/MAX for field: ${field} ===`);
     
-    const minInput = document.querySelector(`[data-field="${field}"][data-input-type="min"] [data-chat-input-element="input"]`);
-    const maxInput = document.querySelector(`[data-field="${field}"][data-input-type="max"] [data-chat-input-element="input"]`);
+    // Fixed selectors - input has all attributes on it directly
+    const minInput = document.querySelector(`[data-field="${field}"][data-input-type="min"][data-chat-input-element="input"]`);
+    const maxInput = document.querySelector(`[data-field="${field}"][data-input-type="max"][data-chat-input-element="input"]`);
     const errorDiv = document.querySelector(`[data-chat-element="range-error"][data-field="${field}"]`);
 
     if (!minInput || !maxInput) {
         console.log('❌ Min or Max input not found');
+        console.log('  Tried selectors:');
+        console.log(`  Min: [data-field="${field}"][data-input-type="min"][data-chat-input-element="input"]`);
+        console.log(`  Max: [data-field="${field}"][data-input-type="max"][data-chat-input-element="input"]`);
+        console.log('  Found min:', minInput);
+        console.log('  Found max:', maxInput);
         return { valid: false, error: null };
     }