Network Tab: sort by custom response header column

#556269542 Filed 2026-09-03 Fix landed: CL 8383437

What this page is for

Deterministic reproducer / verification page for the custom response-header column sorting bug. Clicking the button below fires several requests, each returning an Age response header with a distinct value (plus a few requests with no Age header). That lets you verify sorting actually orders rows by the header value.

Why the earlier verification looked "not fixed"

On a normal website almost no responses carry an Age header, so the custom Age column is mostly empty and sorting has nothing to order -- the empty cells are expected, not the bug. To actually see sorting work you need several responses that do carry the header with different values, which is exactly what this page produces.

Steps

  1. Open DevTools and select the Network tab (keep it recording).
  2. Click Fire requests below.
  3. Right click the column titles > Response Headers > Manage Header Columns > add a custom header named Age.
  4. Click the Age column header to sort. Click again to reverse.
Idle. Click "Fire requests".

Expected result fixed

Sorting ascending groups the empty-Age rows together and orders the rest by value. Note the comparator sorts as strings (existing behavior), so the order is lexicographic:

RequestAge headerAscending (string) order
req a1241
req b34
req c455
req d76
req e10242
req f123
req g(none)grouped with empties
req h(none)grouped with empties

So ascending you should see: 124, 1024, 12, 3, 45, 7 and the empty rows clustered at one end -- not scattered in the middle as before the fix.

Before the fix

The sort indicator toggled but rows never reordered, because the comparator was bound to the prefixed column id (response-header-age) instead of the real header name (age), so every lookup returned undefined and every row compared equal.