Forums Bug Reports Thread

Member directory location filter has a hardcoded width:150px inside the filter flex bar

Patrick Bass · Jun 6 · 16 · 1 Locked
[Cosmetic] [Low Priority] [Bug Fixed] [Always Reproduces]
🚀 OP Jun 6, 2026 9:35pm

Area: Account (re-run) (audit p1r) · Surface: /members · Dimension: law5-mobile · Severity: cosmetic

Law 5 (mobile first-class) discourages fixed pixel widths in flex layouts. The location filter input is hardcoded to 150px while its siblings (search, role select, sort select) use responsive cl-filter-bar classes. On narrow viewports the fixed-width input sits awkwardly in the wrapping flex bar and doesn't grow to fill its row like the others. Cosmetic, but inconsistent with the directory's own filter-bar system.

Evidence

platform/templates/members/index.php:23: `<input type="text" name="location" class="form-input" placeholder="Location..." value="..." style="width:150px;">`. Unlike the sibling inputs which use cl-filter-bar__* classes that flex, this one is pinned to a fixed 150px via inline style with no class.

Suggested fix. Drop the inline style and give it the same cl-filter-bar__* class treatment as the other filter inputs so it flexes/wraps consistently on mobile.

Filed by the automated tenant-app audit and adversarially evidence-verified. Status: verified. Open — not yet actioned.


Patrick Bass
@mobieus

🚀 Jun 7, 2026 5:49am

Resolved — fixed and deployed. Commit ea9f0311e960, shipped dev-first then to all tenants on 2026-06-06.

Removed the inline style="width:150px;" on the /members location filter input (line 23) and added the cl-filter-bar__select class, matching the role/sort selects so it flexes and wraps with the other filter inputs on mobile via the parent .cl-filter-bar flex-wrap layout.

Status: fixed. Thread closed and locked.


Patrick Bass
@mobieus

Log in or register to reply to this thread.