form-builder-pro 1.0.16 → 1.0.17

package/dist/index.js

@@ -7701,6 +7701,10 @@ var FormBuilder = class {
         };
       }
     }
+    const canvasWrapper = this.container.querySelector(".form-builder-canvas");
+    const previewContainer = this.container.querySelector(".flex-1.overflow-y-auto.bg-white");
+    const scrollContainer = canvasWrapper || previewContainer;
+    const savedScrollTop = scrollContainer ? scrollContainer.scrollTop : 0;
     this.container.innerHTML = "";
     const wrapper = createElement("div", { className: "flex flex-col h-screen " });
     wrapper.appendChild(this.renderToolbar(state));
@@ -7766,31 +7770,41 @@ var FormBuilder = class {
             })
           }))
         };
-        const previewContainer = createElement("div", { className: "flex-1 p-8 overflow-y-auto bg-white dark:bg-gray-900 flex justify-center" });
+        const previewContainer2 = createElement("div", { className: "flex-1 p-8 overflow-y-auto bg-white dark:bg-gray-900 flex justify-center" });
         const inner = createElement("div", { className: "w-full max-w-3xl" });
         new FormRenderer(inner, previewSchema, (data) => alert(JSON.stringify(data, null, 2)), this.options.onDropdownValueChange);
-        previewContainer.appendChild(inner);
-        main.appendChild(previewContainer);
+        previewContainer2.appendChild(inner);
+        main.appendChild(previewContainer2);
       } else {
-        const previewContainer = createElement("div", { className: "flex-1 p-8 overflow-y-auto bg-white dark:bg-gray-900 flex justify-center" });
+        const previewContainer2 = createElement("div", { className: "flex-1 p-8 overflow-y-auto bg-white dark:bg-gray-900 flex justify-center" });
         const inner = createElement("div", { className: "w-full max-w-3xl" });
         new FormRenderer(inner, state.schema, (data) => alert(JSON.stringify(data, null, 2)), this.options.onDropdownValueChange);
-        previewContainer.appendChild(inner);
-        main.appendChild(previewContainer);
+        previewContainer2.appendChild(inner);
+        main.appendChild(previewContainer2);
       }
     } else {
       const toolboxWrapper = createElement("div", { className: "form-builder-toolbox-wrapper w-full md:w-80 bg-white dark:bg-gray-900 border-r md:border-r border-b md:border-b-0 border-gray-200 dark:border-gray-800" });
       toolboxWrapper.appendChild(this.renderToolbox());
       main.appendChild(toolboxWrapper);
-      const canvasWrapper = createElement("div", { className: "form-builder-canvas flex-1 overflow-y-auto" });
-      canvasWrapper.appendChild(this.renderCanvas(state));
-      main.appendChild(canvasWrapper);
+      const canvasWrapper2 = createElement("div", { className: "form-builder-canvas flex-1 overflow-y-auto" });
+      canvasWrapper2.appendChild(this.renderCanvas(state));
+      main.appendChild(canvasWrapper2);
       const configWrapper = createElement("div", { className: "form-builder-config-wrapper w-full md:w-80 bg-white dark:bg-gray-900 border-l md:border-l border-t md:border-t-0 border-gray-200 dark:border-gray-800" });
       configWrapper.appendChild(this.renderConfigPanel(state));
       main.appendChild(configWrapper);
     }
     wrapper.appendChild(main);
     this.container.appendChild(wrapper);
+    if (savedScrollTop > 0) {
+      requestAnimationFrame(() => {
+        const newCanvasWrapper = this.container.querySelector(".form-builder-canvas");
+        const newPreviewContainer = this.container.querySelector(".flex-1.overflow-y-auto.bg-white");
+        const newScrollContainer = newCanvasWrapper || newPreviewContainer;
+        if (newScrollContainer) {
+          newScrollContainer.scrollTop = savedScrollTop;
+        }
+      });
+    }
     if (focusState) {
       setTimeout(() => {
         const elementToFocus = document.querySelector(`[data-focus-id="${focusState.id}"]`);