fix(table): wrap long cell values to stop horizontal overflow #138

Merged
David merged 2 commits from fix/mapps-152-truncate-list-table-cells into main 2026-06-14 15:57:59 +02:00
Owner

TableCell used whitespace-nowrap, so a long value (e.g. a 255-char
company name, including an unbroken single token) rendered on one line and
forced the whole list table to overflow horizontally, pushing the other
columns off-screen and adding a horizontal scrollbar. Switch the shared
TableCell component (and the mirrored .table-cell style in input.css) to
break-words so long values wrap and their column shrinks, keeping every
column visible regardless of value length. Callers that need single-line
cells still opt back in via the appended class (whitespace-nowrap or
truncate), which wins.

#MAPPS-152

TableCell used `whitespace-nowrap`, so a long value (e.g. a 255-char company name, including an unbroken single token) rendered on one line and forced the whole list table to overflow horizontally, pushing the other columns off-screen and adding a horizontal scrollbar. Switch the shared TableCell component (and the mirrored `.table-cell` style in input.css) to `break-words` so long values wrap and their column shrinks, keeping every column visible regardless of value length. Callers that need single-line cells still opt back in via the appended `class` (`whitespace-nowrap` or `truncate`), which wins. #MAPPS-152
fix(table): wrap long cell values to stop horizontal overflow
All checks were successful
Check / clippy + fmt + tests (pull_request) Successful in 2m2s
6095472534
TableCell used `whitespace-nowrap`, so a long value (e.g. a 255-char
company name, including an unbroken single token) rendered on one line and
forced the whole list table to overflow horizontally, pushing the other
columns off-screen and adding a horizontal scrollbar. Switch the shared
TableCell component (and the mirrored `.table-cell` style in input.css) to
`break-words` so long values wrap and their column shrinks, keeping every
column visible regardless of value length. Callers that need single-line
cells still opt back in via the appended `class` (`whitespace-nowrap` or
`truncate`), which wins.

#MAPPS-152
Merge branch 'main' into fix/mapps-152-truncate-list-table-cells
All checks were successful
Create release / Create release from merged PR (pull_request) Has been skipped
Check / clippy + fmt + tests (pull_request) Successful in 1m5s
591144497f
David merged commit 4a3d5cdc12 into main 2026-06-14 15:57:59 +02:00
David deleted branch fix/mapps-152-truncate-list-table-cells 2026-06-14 15:57:59 +02:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
psa-systems/mokosh-apps!138
No description provided.