🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
This report summarizes scanner evidence for TanStack/virtual, a TypeScript project with 7,178 GitHub stars. SynthScan examined 72,634 lines of code across 729 source files, recording 122 pattern matches distributed across 7 syntactic categories. The legacy adjusted pattern signal is 3.6 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 76 finding(s).
Are imports declared and package/API names verified? 0 finding(s).
Are wrappers, guards, and repeated structures necessary? 62 finding(s).
Which changes need focused human review? 122 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 122 distinct pattern matches across 7 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | packages/virtual-core/tests/range.test.ts | 9 | // ─── defaultRangeExtractor ─────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/range.test.ts | 132 | // ─── Lazy fast path (lanes === 1) edge cases ───────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/ios-deferral.test.ts | 14 | // ─── iOS momentum-safe scroll adjustments ─────────────────────────────────── | COMMENT |
| MEDIUM⚡ | packages/virtual-core/tests/ios-deferral.test.ts | 383 | // ─── #1307: orderings the hold has to get right, and ones to keep ─────────── | COMMENT |
| MEDIUM⚡ | packages/virtual-core/tests/ios-deferral.test.ts | 383 | // ─── #1307: orderings the hold has to get right, and ones to keep ─────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/ios-deferral.test.ts | 645 | // ─── Phase 1: touch event distinction ──────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/ios-deferral.test.ts | 1082 | // ─── Phase 2a: subpixel scrollTop reconciliation ───────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/ios-deferral.test.ts | 1154 | // ─── Phase 2b: scrollTopMax elastic-overscroll clamp ───────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/index.test.ts | 257 | // ─── setOptions behavioral contract ────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/index.test.ts | 489 | // ─── Public-exports lockdown ───────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/measurement.test.ts | 8 | // ─── resizeItem / measurement cache invalidation ───────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/measurement.test.ts | 267 | // ─── elementsCache leak: disconnected node cleanup ─────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/measurement.test.ts | 618 | // ─── pending min pointer for measure storms ────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/measurement.test.ts | 735 | // ─── ResizeObserver batching ───────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/bench.bench.ts | 25 | // ─── Exp 1: Cold-mount cost — getMeasurements with no measured items ───────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/bench.bench.ts | 61 | // ─── Layer 1: Map clone bug — resizeItem under measure storm ───────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/bench.bench.ts | 175 | // ─── Layer 2: setOptions per render ────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/bench.bench.ts | 203 | // ─── Scroll loop: per-scroll-frame cost (calculateRange + memo machinery) ───── | COMMENT |
| MEDIUM | packages/virtual-core/tests/bench.bench.ts | 230 | // ─── Layer 6: defaultRangeExtractor ────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/bench.bench.ts | 247 | // ─── Multi-lane: cold-mount lane assignment (getFurthestMeasurement) ────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/dom-observers.test.ts | 11 | // ─── elementScroll / windowScroll public exports ───────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/dom-observers.test.ts | 79 | // ─── observeElementOffset / observeWindowOffset ────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/dom-observers.test.ts | 158 | // ─── cleanup resets the scroll flags ───────────────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1028 | // ─── a prepend must not strand a travelling smooth scroll ──────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1137 | // ─── #1257: paddingEnd must not make scrollToIndex(last) overshoot the last item ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1137 | // ─── #1257: paddingEnd must not make scrollToIndex(last) overshoot the last item ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1198 | // ─── #1001: getMaxScrollOffset() preserves lane-max for multi-lane layouts ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1198 | // ─── #1001: getMaxScrollOffset() preserves lane-max for multi-lane layouts ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1255 | // ─── #1257: paddingEnd=0 is a no-op ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1255 | // ─── #1257: paddingEnd=0 is a no-op ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1300 | // ─── #1257: scrollPaddingEnd still applies to the last item ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1300 | // ─── #1257: scrollPaddingEnd still applies to the last item ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1360 | // ─── #1257: scrollToEnd() still reaches the DOM bottom ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/scroll-commands.test.ts | 1360 | // ─── #1257: scrollToEnd() still reaches the DOM bottom ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/ios-fling-wait.test.ts | 5 | // ─── #1307 step 3: iOS 27, where a fling carries on past a write ──────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/ios-fling-wait.test.ts | 5 | // ─── #1307 step 3: iOS 27, where a fling carries on past a write ──────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/ios-fling-wait.test.ts | 538 | // ─── Android: a fling carries on from a write ─────────────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/adjustment.test.ts | 157 | // ─── scroll direction vs. self-write read-backs ───────────────────────────── | COMMENT |
| MEDIUM⚡ | packages/virtual-core/tests/adjustment.test.ts | 439 | // ─── #1218: viewport-spanning item growth must not drift the viewport ───────── | COMMENT |
| MEDIUM⚡ | packages/virtual-core/tests/adjustment.test.ts | 439 | // ─── #1218: viewport-spanning item growth must not drift the viewport ───────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/anchor-end.test.ts | 8 | // ─── end anchoring / chat-style reverse virtualization ────────────────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/anchor-end.test.ts | 428 | // ─── #1229: negative tracked scrollOffset must not survive compensation ───── | COMMENT |
| MEDIUM | packages/virtual-core/tests/anchor-end.test.ts | 428 | // ─── #1229: negative tracked scrollOffset must not survive compensation ───── | COMMENT |
| MEDIUM | packages/virtual-core/tests/anchor-end.test.ts | 536 | // ─── #1258: compensation write clamped by a not-yet-grown sizer ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/tests/anchor-end.test.ts | 536 | // ─── #1258: compensation write clamped by a not-yet-grown sizer ───────────── | COMMENT |
| MEDIUM | packages/virtual-core/src/index.ts | 1698 | // ─── Fast path: single-lane lazy materialization ──────────────────── | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | examples/svelte/infinite-scroll/src/vite-env.d.ts | 1 | /// <reference types="svelte" /> | COMMENT |
| LOW | examples/svelte/dynamic/src/vite-env.d.ts | 1 | /// <reference types="svelte" /> | COMMENT |
| LOW | examples/svelte/sticky/src/vite-env.d.ts | 1 | /// <reference types="svelte" /> | COMMENT |
| LOW | examples/svelte/fixed/src/vite-env.d.ts | 1 | /// <reference types="svelte" /> | COMMENT |
| LOW | examples/svelte/table/src/vite-env.d.ts | 1 | /// <reference types="svelte" /> | COMMENT |
| LOW | examples/svelte/smooth-scroll/src/vite-env.d.ts | 1 | /// <reference types="svelte" /> | COMMENT |
| LOW | benchmarks/src/lib/harness.ts | 241 | ) { | COMMENT |
| LOW | packages/marko-virtual/e2e/app/playwright.config.ts | 1 | import { defineConfig } from '@playwright/test' | COMMENT |
| LOW | packages/marko-virtual/e2e/app/playwright.config.ts | 21 | // are sensitive to machine load; one worker keeps a failure meaningful. The whole | COMMENT |
| LOW | …marko-virtual/e2e/app/src/routes/api/reply/+handler.ts | 1 | // The chat fixtures POST to an absolute /api/reply, so the streaming handler is | COMMENT |
| LOW | …s/marko-virtual/src/tags/window-virtualizer/options.ts | 41 | // Two instances measuring the SAME element (a grid cell) need distinct attributes. | COMMENT |
| LOW | …s/marko-virtual/src/tags/window-virtualizer/options.ts | 61 | isRtl?: boolean | COMMENT |
| LOW | packages/marko-virtual/src/tags/virtualizer/options.ts | 41 | initialMeasurementsCache?: Array<VirtualItem> | COMMENT |
| LOW | packages/marko-virtual/src/tags/virtualizer/options.ts | 61 | // Use the native scrollend event instead of the isScrollingResetDelay timer. | COMMENT |
| LOW | packages/virtual-core/tests/ios-deferral.test.ts | 481 | h.scroll(true) | COMMENT |
| LOW | packages/virtual-core/tests/scroll-commands.test.ts | 1141 | // scroll past the rendered end of the last item. The fix uses | COMMENT |
| LOW | packages/virtual-core/tests/lane-equivalence.test.ts | 1 | // Differential ("oracle") test for the multi-lane lane-assignment optimization. | COMMENT |
| LOW | packages/virtual-core/tests/scroll-trace.test.ts | 1 | import { describe, expect, test } from 'vitest' | COMMENT |
| LOW | packages/virtual-core/tests/scroll-trace.test.ts | 21 | // that changes behaviour updates it (`vitest -u`), and the snapshot diff shows | COMMENT |
| LOW | packages/virtual-core/tests/adjustment.test.ts | 341 | }) | COMMENT |
| LOW | packages/virtual-core/tests/prepend-hold.test.ts | 1 | import { expect, test } from 'vitest' | COMMENT |
| LOW | packages/virtual-core/src/scroll-classifier.ts | 1 | import { approxEqual } from './utils' | COMMENT |
| LOW | packages/virtual-core/src/scroll-classifier.ts | 101 | } | COMMENT |
| LOW | packages/virtual-core/src/scroll-classifier.ts | 161 | // are the fling's events. | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 521 | private _holdOffset = 0 | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 581 | this._writeAwaitingCommand() | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 601 | // further by the time it reports. | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 881 | if (edgeKeysChanged) { | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 981 | // Eagerly carry the intended target in `scrollOffset` so callers that | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 1041 | // The debounce cancelled above is the only thing that writes `isScrolling` | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 2101 | ) | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 2501 | // frame and the fling carries on along its own path (#1307, step 3); | COMMENT |
| LOW | packages/virtual-core/src/index.ts | 2681 | // somewhere on the way) and without a command, so a write the browser | COMMENT |
| LOW | packages/virtual-core/src/ios-gesture.ts | 61 | // a finger drags the content (one resting on it does not stop the write) | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | examples/angular/infinite-scroll/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/dynamic/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/variable/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/sticky/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/fixed/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/table/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/window/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/padding/README.md | 9 | ## Code scaffolding | COMMENT |
| MEDIUM | examples/angular/smooth-scroll/README.md | 9 | ## Code scaffolding | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 13 | // Step 1: Expand A → should grow to ~160px | COMMENT |
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 17 | // Step 2: Collapse A → back to ~36px | COMMENT |
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 21 | // Step 3: Delete A | COMMENT |
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 25 | // Step 4: Expand B → should grow to ~160px | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 13 | // Step 1: Expand A → should grow to ~160px | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 17 | // Step 2: Collapse A → back to ~36px | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 21 | // Step 3: Delete A | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 25 | // Step 4: Expand B → should grow to ~160px | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 13 | // Step 1: Expand A → should grow to ~160px | COMMENT |
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 17 | // Step 2: Collapse A → back to ~36px | COMMENT |
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 21 | // Step 3: Delete A | COMMENT |
| LOW⚡ | …s/angular-virtual/e2e/app/test/measure-element.spec.ts | 25 | // Step 4: Expand B → should grow to ~160px | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 13 | // Step 1: Expand A → should grow to ~160px | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 17 | // Step 2: Collapse A → back to ~36px | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 21 | // Step 3: Delete A | COMMENT |
| LOW⚡ | …ges/react-virtual/e2e/app/test/measure-element.spec.ts | 25 | // Step 4: Expand B → should grow to ~160px | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | examples/react/dynamic/src/main.tsx | 292 | function RowVirtualizerExperimental() { | CODE |
| LOW | examples/react/variable/src/main.tsx | 107 | function ColumnVirtualizerVariable({ columns }: { columns: Array<number> }) { | CODE |
| LOW | examples/react/variable/src/main.tsx | 236 | function MasonryVerticalVirtualizerVariable({ rows }: { rows: Array<number> }) { | CODE |
| LOW | examples/react/variable/src/main.tsx | 287 | function MasonryHorizontalVirtualizerVariable({ | CODE |
| LOW | scripts/verify-links.ts | 51 | function fileExistsForMarkdownLink( | CODE |
| LOW | packages/angular-virtual/src/index.ts | 51 | function injectScheduleDomFlushViaAppRefTick() { | CODE |
| LOW⚡ | packages/virtual-core/tests/ios-deferral.test.ts | 392 | function landedIndexScrollWithResizeAbove(ios = true) { | CODE |
| LOW | packages/virtual-core/tests/ios-deferral.test.ts | 647 | function makeIOSVirtualizerWithRealEl( | CODE |
| LOW | packages/virtual-core/tests/ios-deferral.test.ts | 958 | function makeIOSVirtualizerWithSwappableEl( | CODE |
| LOW | packages/virtual-core/tests/measurement.test.ts | 1001 | function createDeferredVirtualizer(el: HTMLDivElement) { | CODE |
| LOW | packages/virtual-core/tests/scroll-commands.test.ts | 1037 | function createSmoothPrependVirtualizer() { | CODE |
| LOW | packages/virtual-core/tests/adjustment.test.ts | 169 | function createAdjustmentVirtualizer({ | CODE |
| LOW⚡ | packages/virtual-core/tests/adjustment.test.ts | 444 | function makeAdjustmentVirtualizer(scrollTop: number) { | CODE |
| LOW | packages/virtual-core/src/index.ts | 2760 | function findNearestBinarySearchFlat( | CODE |
| LOW | packages/virtual-core/src/lazy-measurements.ts | 14 | export function createLazyMeasurementsView( | CODE |
| LOW | packages/react-virtual/e2e/app/test/chat.spec.ts | 64 | async function waitForFirstVisibleAtOffset(page: Page, scrollTop: number) { | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | packages/marko-virtual/e2e/app/e2e/ssr-fetch.spec.ts | 10 | // contiguous chunks, so emails are the robust view-source probe for serialized data. | COMMENT |