lisichatbot 1.8.4 → 1.8.6

package/package.json

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

package/src/index.js

@@ -587,7 +587,7 @@ function renderOptions(options, field, isSingleSelect = true) {
     const optionsWrapper = document.createElement('div');
     optionsWrapper.setAttribute('data-chat-element', 'options-wrapper');
     optionsWrapper.style.display = 'flex';
-    optionsWrapper.style.flexDirection = 'column';
+    optionsWrapper.style.flexWrap = 'wrap';
     optionsWrapper.style.alignItems = 'flex-start';
     optionsWrapper.style.gap = '8px';
 
@@ -726,7 +726,7 @@ function renderColorOptions(options, field) {
     const optionsWrapper = document.createElement('div');
     optionsWrapper.setAttribute('data-chat-element', 'options-wrapper');
     optionsWrapper.style.display = 'flex';
-    optionsWrapper.style.flexDirection = 'column';
+    optionsWrapper.style.flexWrap = 'wrap';
     optionsWrapper.style.alignItems = 'flex-start';
     optionsWrapper.style.gap = '8px';
 
@@ -862,7 +862,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
     const optionsWrapper = document.createElement('div');
     optionsWrapper.setAttribute('data-chat-element', 'options-wrapper');
     optionsWrapper.style.display = 'flex';
-    optionsWrapper.style.flexDirection = 'column';
+    optionsWrapper.style.flexWrap = 'wrap';
     optionsWrapper.style.alignItems = 'flex-start';
     optionsWrapper.style.gap = '8px';
 
@@ -3270,6 +3270,26 @@ function init(flowName, flowConfig, options = {}) {
         elements.originalNextBtnText = 'Next';
     }
 
+    // ✅ CRITICAL: Move back any injected elements BEFORE clearing innerHTML
+    // This prevents elements from being permanently deleted on re-initialization
+    const existingInjected = elements.messages.querySelectorAll('[data-chat-injected="true"]');
+    if (existingInjected.length > 0) {
+        console.log(`  ↩️ Moving back ${existingInjected.length} injected element(s) before clearing (re-init)`);
+        existingInjected.forEach(el => {
+            el.style.display = 'none';
+            el.removeAttribute('data-chat-injected');
+            
+            // Move back to original parent
+            if (el._originalParent && document.contains(el._originalParent)) {
+                if (el._originalNextSibling && el._originalParent.contains(el._originalNextSibling)) {
+                    el._originalParent.insertBefore(el, el._originalNextSibling);
+                } else {
+                    el._originalParent.appendChild(el);
+                }
+            }
+        });
+    }
+
     elements.messages.innerHTML = '';
 
     elements.nextBtn.disabled = true;