@lavalogic/scoria 0.37.10 → 0.37.11

package/dist/Components/Table/Body/TableBody.svelte

@@ -205,6 +205,7 @@
 .virtual-spacer {
   display: block;
   border: none;
-  background: transparent;
   pointer-events: none;
+  --row-stripe-height: var(--height, 3rem);
+  background-image: repeating-linear-gradient(to bottom, #ffffff 0, #ffffff var(--row-stripe-height), #f4f7f9 var(--row-stripe-height), #f4f7f9 calc(2 * var(--row-stripe-height)));
 }</style>

package/dist/Components/Table/ColumnFactory.svelte.js

@@ -100,7 +100,14 @@ function commonProps(opts, kind) {
     const defaultWidth = KIND_DEFAULT_WIDTHS[kind];
     return {
         header: opts.header,
-        minSize: opts.minWidth,
+        // Set minSize from the per-kind default too so
+        // `TableContext.registerDefs` does NOT run the canvas-based
+        // `measureHeaderWidth` fallback. That fallback floors every
+        // accessor column to ~130px when quick-filtering is enabled
+        // (it returns max(headerWidth, "Lorem Ipsum Dolor" width)),
+        // which equalises every accessor column width and erases the
+        // per-kind differentiation the factory just put in place.
+        minSize: opts.minWidth ?? defaultWidth,
         width: opts.width ?? defaultWidth,
         allowSorting: opts.allowSorting,
         allowFiltering: opts.allowFiltering,
@@ -307,7 +314,7 @@ export function createColumnFactory() {
             const def = new ValidityDef({
                 id,
                 header: opts?.header ?? '',
-                minSize: opts?.minWidth,
+                minSize: opts?.minWidth ?? KIND_DEFAULT_WIDTHS.validity,
                 width: opts?.width ?? KIND_DEFAULT_WIDTHS.validity,
                 defaultHidden: opts?.defaultHidden,
                 resizable: opts?.resizable ?? false,

package/dist/Components/Table/Types/Context/VirtualisationState.svelte.js

@@ -50,7 +50,17 @@ export class VirtualisationState {
     constructor(deps, options = {}) {
         this._deps = deps;
         this._virtualisationThreshold = options.threshold ?? 100;
-        this._overscan = options.overscan ?? 10;
+        // Overscan controls how many rows above/below the viewport are
+        // kept rendered so a fast wheel-scroll does not surface an empty
+        // grey band before the next paint. The previous default of 10
+        // was too tight on tables with hundreds of rows: a single wheel
+        // flick easily moves the viewport past the overscan band before
+        // the `$derived` chain reschedules and re-renders the visible
+        // slice. 30 rows is enough to absorb a typical wheel flick at
+        // 60Hz while still keeping the rendered cell count bounded
+        // (~52 rows for a 600px viewport at the default 28-48px row
+        // height: 12 visible + 30 below + 10 above = 52).
+        this._overscan = options.overscan ?? 30;
     }
     get virtualisationThreshold() {
         return this._virtualisationThreshold;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.37.10",
+  "version": "0.37.11",
   "publishConfig": {
     "access": "restricted"
   },