Fixing Silent Content Clipping on the People Table
Fixing Silent Content Clipping on the People Table
Release: v0.1.25 · Ticket: MOB-25 · File: src/app/dashboard/people/page.tsx
What Changed
The people list table wrapper previously used the Tailwind class overflow-hidden. On narrower viewports this silently clipped any table content that exceeded the container width — no scrollbar appeared, and no visual cue indicated that data was being cut off.
In v0.1.25 that class has been replaced with overflow-x-auto, so the table now scrolls horizontally when its content is wider than the available space.
- <div class="... overflow-hidden ...">
+ <div class="... overflow-x-auto ...">
Why This Matters
| Behaviour | overflow-hidden (before) | overflow-x-auto (after) |
|---|---|---|
| Content wider than container | Clipped silently | Scrollable |
| Scrollbar shown | Never | When needed |
| Data accessible on small screens | Potentially not | Always |
Sanctions screening relies on complete, accurate data. A table that clips columns without warning could cause a compliance operator to miss a name, alias, or designation detail. Horizontal scroll ensures the full dataset is always reachable.
Relationship to Previous Mobile Issues
This fix is the concluding change in a series of mobile layout corrections:
- MOB-07 — Column visibility issues on small viewports
- MOB-14 — Related overflow behaviour on the people table
- MOB-25 (this release) — Incorrect
overflow-hiddenwrapper identified and corrected
All three issues are resolved by this single-class change.
Who Is Affected
Compliance team members accessing the People screen (/dashboard/people) on mobile devices or in narrow browser windows will now be able to scroll the table horizontally rather than having columns silently truncated.