@dmitryvim/form-builder 0.3.1 → 0.3.2

package/dist/types/utils/styles.d.ts

@@ -37,6 +37,21 @@ export declare function ensureThemingHooks(doc: Document): void;
  * makes the total box (border + padding + content) equal scrollHeight, which
  * leaves the content area short by `2 * border-width` — at compact density
  * (8px padding, 21px line-height) that's enough to clip a single line.
+ *
+ * Deferred-layout recovery (v0.3.2):
+ * A `ResizeObserver` re-runs `resize()` whenever the textarea's content-box
+ * WIDTH changes. Two host patterns the one-shot `setTimeout(0)` below can't
+ * survive on its own:
+ *   1. Form mounted inside a still-hidden / 0-width container (e.g. inactive
+ *      tab, collapsed accordion, modal that isn't open yet). At setTimeout
+ *      firing time `scrollHeight === 0` → height collapses to ~borderY (~2px).
+ *      Once the host reveals the container, width transitions 0 → real and we
+ *      re-measure.
+ *   2. Responsive width changes (host resizes the column). Wrapped content
+ *      re-flows so the textarea grows/shrinks to fit.
+ * Loop guard: `resize()` only writes the HEIGHT, so we ignore observer fires
+ * where width hasn't moved — otherwise our own height writes would feed back
+ * into the observer.
  */
 export declare function applyAutoExpand(textarea: HTMLTextAreaElement): void;
 /**

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "A reusable JSON schema form builder library",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",