@spaethtech/svelte-ui 0.21.1-dev.113.5a2e853 → 0.21.1-dev.115.1af903e

package/dist/components/DataTable.svelte

@@ -374,7 +374,7 @@
         </div>
         {#if hasTail}<div
             class="invisible flex shrink-0 items-center"
-            style="width: {heightVar}"
+            style="width: {heightVar}; height: {heightVar}"
             aria-hidden="true"
           ></div>{/if}
       </div>

package/docs/components.md

@@ -437,8 +437,10 @@ Config-driven, responsive 12-column data table over a `DataGrid`.
   standard-height row reflecting the fetch result — a **spinner + "Loading…"** while `result.loading`,
   **"No results"** once settled and empty, or the **error** (styled `--ui-color-error`) when
   `result.error` is set (a string as-is, an `Error`'s `.message`, else the localized `loadFailed`). An
-  errored result never spins, and the row keeps its height across all three states — so you don't need
-  a separate page banner that contradicts a "No results" table. With `localFetch`, drive this by
+  errored result never spins, and the row is **exactly one data row tall** in every state (its
+  invisible lead/tail spacers carry the control height), so the table never jumps between Loading,
+  rows, No results and error — and you don't need a separate page banner that contradicts a "No
+  results" table. (A long error wraps and grows the row; one line is the minimum, not a fixed height.) With `localFetch`, drive this by
   passing `loading`/`error` getters (below); a remote `query()` that exposes `.error` gets it for free.
   (`DataGrid.error` is the query-*parse* error surfaced by `<Query>` — a bad filter — which is distinct
   from this fetch/load error.)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaethtech/svelte-ui",
-  "version": "0.21.1-dev.113.5a2e853",
+  "version": "0.21.1-dev.115.1af903e",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spaethtech/svelte-ui.git"