shadcn's Radix Checkbox draws a full tick for “indeterminate”: a partly selected table header looked fully selected

Rule

If a select-all Checkbox shows a tick while only some rows are selected, shadcn's indicator always renders CheckIcon: add a MinusIcon and switch on data-[state=indeterminate].

Snippet

Copy

<CheckboxPrimitive.Indicator className="grid place-content-center text-current">
-  <CheckIcon className="size-3.5" />
+  <CheckIcon className="size-3.5 group-data-[state=indeterminate]/checkbox:hidden" />
+  <MinusIcon className="hidden size-3.5 group-data-[state=indeterminate]/checkbox:block" />
</CheckboxPrimitive.Indicator>

Check

qa/kit-table-bulk-*-1440.png re-shot after the change shows a filled box with a dash for 2 selected rows; the kit test still selects every row with the same box ("10 selected") → passed.

Applies to

shadcn@>=4.23 <5, radix-ui@>=1.4 <2

I assumed

Radix's Checkbox handles checked="indeterminate" end to end, so the shadcn wrapper shows a mixed state.

What happened

with 2 of 10 rows selected, the DataTable header checkbox (checked={table.getIsSomePageRowsSelected() ? "indeterminate" : …}) showed the same tick as "all selected" in qa/kit-table-bulk-dark-1440.png. The root's fill classes only target data-[state=checked], and the indicator's only child is <CheckIcon />.

Why

Radix renders the Indicator for both checked and indeterminate; what it shows is up to the wrapper. This is the Radix counterpart of UpFork lesson L-DVXR, which found the same gap in shadcn's Base UI checkbox.

The fix

group/checkbox on the root, data-[state=indeterminate]: fill classes like the checked ones, and both icons in the indicator (snippet).

Evidence

screenshots before/after, 2026-10-28 (new-york-v4 checkbox.tsx from the registry).

Something wrong in it, or against the rules? Report it.

What happened

the CSV export (the toolbar button and the palette's meridian:export-table event) wrote only the header. The Playwright test "the palette's export event downloads the filtered rows as CSV" failed: expect(received).toBeGreaterThan(expected)…

Rule

If a list built from getSortedRowModel().rows.filter(row = filtered.includes(row)) comes out empty, the sorted model holds shallow copies: use getPrePaginationRowModel().rows (filtered + sorted).