Toggling the "Not marked" filter changes the table's column widths when hidden opportunities are shown #1

Open
opened 2026-10-21 14:58:53 +01:00 by bwilliams · 0 comments
Owner

With Show hidden opportunities on, toggling the Not marked marks filter changes the widths of the table's columns.

Cause

The table uses the browser's automatic layout (w-full, no fixed column widths), so each column is as wide as the widest content in the rows shown, and the spare width is shared out in proportion. Hidden rows have an Unhide button, which is wider than Hide, so the Hide column grows while any hidden row is shown, and Title and Status give up the space.

The only marked rows at the moment are hidden ones (Skipped by the skip rules, or as EU Supply repeats), so Not marked adds or removes exactly the rows with an Unhide button.

Measured at a 1500px wide window, with Show hidden on:

Rows Title Status Hide
Not marked off 2,527 (29 Skipped, all hidden) 333px 131px 100px
Not marked on 2,498 346px 133px 85px

Any filter that changes which rows are shown can do the same, e.g. a very large value such as £36,250,000,000 widens the Value column.

Possible fixes

  1. Give the Hide/Unhide button a fixed width that fits "Unhide", as the Mark button has (w-36 in MarkMenu). One line; fixes this case.
  2. Use a fixed table layout (table-fixed) with set widths for every column but Title, so no filter can move them. The widths must fit the widest values and dates, or those wrap or are cut off.

An edge case, so low priority.

With **Show hidden opportunities** on, toggling the **Not marked** marks filter changes the widths of the table's columns. ## Cause The table uses the browser's automatic layout (`w-full`, no fixed column widths), so each column is as wide as the widest content in the rows shown, and the spare width is shared out in proportion. Hidden rows have an **Unhide** button, which is wider than **Hide**, so the Hide column grows while any hidden row is shown, and Title and Status give up the space. The only marked rows at the moment are hidden ones (Skipped by the skip rules, or as EU Supply repeats), so **Not marked** adds or removes exactly the rows with an Unhide button. Measured at a 1500px wide window, with Show hidden on: | | Rows | Title | Status | Hide | |---|---|---|---|---| | Not marked off | 2,527 (29 Skipped, all hidden) | 333px | 131px | 100px | | Not marked on | 2,498 | 346px | 133px | 85px | Any filter that changes which rows are shown can do the same, e.g. a very large value such as £36,250,000,000 widens the Value column. ## Possible fixes 1. Give the Hide/Unhide button a fixed width that fits "Unhide", as the Mark button has (`w-36` in `MarkMenu`). One line; fixes this case. 2. Use a fixed table layout (`table-fixed`) with set widths for every column but Title, so no filter can move them. The widths must fit the widest values and dates, or those wrap or are cut off. An edge case, so low priority.
bwilliams added the bug label 2026-10-21 14:58:53 +01:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Go/job-search#1