- fix

Author: TobiasMue91

tools/code_editor.html

@@ -167,11 +167,49 @@
         <script>${js}<\/script>
         <script>
         (function() {
+            function captureFormStates() {
+                const clone = document.body.cloneNode(true);
+                
+                // Update checkbox and radio states
+                const inputs = document.querySelectorAll('input[type="checkbox"], input[type="radio"]');
+                const cloneInputs = clone.querySelectorAll('input[type="checkbox"], input[type="radio"]');
+                
+                for (let i = 0; i < inputs.length; i++) {
+                    if (inputs[i].checked) {
+                        cloneInputs[i].setAttribute('checked', 'checked');
+                    } else {
+                        cloneInputs[i].removeAttribute('checked');
+                    }
+                }
+                
+                // Update text input, textarea and select values
+                const formElements = document.querySelectorAll('input:not([type="checkbox"]):not([type="radio"]), textarea, select');
+                const cloneFormElements = clone.querySelectorAll('input:not([type="checkbox"]):not([type="radio"]), textarea, select');
+                
+                for (let i = 0; i < formElements.length; i++) {
+                    cloneFormElements[i].value = formElements[i].value;
+                    if (formElements[i].tagName === 'SELECT') {
+                        const options = formElements[i].options;
+                        const cloneOptions = cloneFormElements[i].options;
+                        
+                        for (let j = 0; j < options.length; j++) {
+                            if (options[j].selected) {
+                                cloneOptions[j].setAttribute('selected', 'selected');
+                            } else {
+                                cloneOptions[j].removeAttribute('selected');
+                            }
+                        }
+                    }
+                }
+                
+                return clone.innerHTML;
+            }
+            
             function handleInputChange(e) {
                 if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'SELECT') {
                     window.parent.postMessage({
                         type: 'inputChanged',
-                        html: document.body.innerHTML
+                        html: captureFormStates()
                     }, '*');
                 }
             }