Notes: a wide table squeezes columns to one letter and widens the page on a phone #133

Closed
opened 2026-09-25 22:17:41 +00:00 by kayg · 1 comment
Owner

Severity: medium

Problem

A note with a 14-column Markdown table on a 390px phone: each column was squeezed to one letter per line (overflow-wrap: anywhere), and the table still made the page 505px wide, so the whole note panned sideways (layout viewport 505 > device 390). /home/kayg/Developer/calternal/target/breakit/verify/table.png (before), /home/kayg/Developer/calternal/target/breakit/run1/note-long_390-tokyo-night.png.

Expected

Columns keep a readable width and the table scrolls inside the note.

Status

Fixed on job/breakit-fixes in 8e01379 (Tiptap cellMinWidth 96px; .tableWrapper { overflow-x: auto }). Check: /home/kayg/Developer/calternal/target/breakit/verify/v-table-390.png. Not merged.

Found by the break-it sweep (#117). Re-run: cd apps/web && bun run build && bun e2e/breakit.mjs --keep <dir> (script on branch job/breakit-fixes). Screenshots: /home/kayg/Developer/calternal/target/breakit (run 1 in run1/, fix checks in verify/).

**Severity:** medium ## Problem A note with a 14-column Markdown table on a 390px phone: each column was squeezed to one letter per line (`overflow-wrap: anywhere`), and the table still made the page 505px wide, so the whole note panned sideways (layout viewport 505 > device 390). `/home/kayg/Developer/calternal/target/breakit/verify/table.png` (before), `/home/kayg/Developer/calternal/target/breakit/run1/note-long_390-tokyo-night.png`. ## Expected Columns keep a readable width and the table scrolls inside the note. ## Status Fixed on `job/breakit-fixes` in 8e01379 (Tiptap `cellMinWidth` 96px; `.tableWrapper { overflow-x: auto }`). Check: `/home/kayg/Developer/calternal/target/breakit/verify/v-table-390.png`. Not merged. Found by the break-it sweep (#117). Re-run: `cd apps/web && bun run build && bun e2e/breakit.mjs --keep <dir>` (script on branch `job/breakit-fixes`). Screenshots: `/home/kayg/Developer/calternal/target/breakit` (run 1 in `run1/`, fix checks in `verify/`).
Author
Owner

Fixed. bun e2e/notes.mjs passed with the shared Playwright module. The phone regression check confirms a wide Markdown table scrolls inside its wrapper (scrollWidth > clientWidth) while the document width stays within the viewport.

Fixed. `bun e2e/notes.mjs` passed with the shared Playwright module. The phone regression check confirms a wide Markdown table scrolls inside its wrapper (`scrollWidth > clientWidth`) while the document width stays within the viewport.
kayg closed this issue 2026-09-26 12:52:02 +00:00
Sign in to join this conversation.
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
kayg/calternal#133
No description provided.