Composer (phone): a long line and a long tag chip overflow the sheet to the right #135

Closed
opened 2026-09-25 22:17:53 +00:00 by kayg · 2 comments
Owner

Severity: medium (owner: job/composer; not fixed here)

Problem

On a 390px phone, the composer sheet (Day view, press N) with a long line — 23:30 - 00:45 A composer entry with a very long title … #tag-xxxxxxxx… مرحبا 🎉 — overflows to the right: the text field and the tag chip run past the sheet edge and the send button is cut. /home/kayg/Developer/calternal/target/breakit/run1/overlay-composer-hostile-text_390.png.

Expected

The field wraps (or scrolls inside itself), chips ellipsize, and the sheet never scrolls sideways.

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 (owner: job/composer; not fixed here) ## Problem On a 390px phone, the composer sheet (Day view, press N) with a long line — `23:30 - 00:45 A composer entry with a very long title … #tag-xxxxxxxx… مرحبا 🎉` — overflows to the right: the text field and the tag chip run past the sheet edge and the send button is cut. `/home/kayg/Developer/calternal/target/breakit/run1/overlay-composer-hostile-text_390.png`. ## Expected The field wraps (or scrolls inside itself), chips ellipsize, and the sheet never scrolls sideways. 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

The phone E2E reproduced the tag overflow at 390 px: the composer edge was x=374 and the long tag chip edge was x=425.8. The tag row now lets tag chips shrink into the width left by the date and time chips; the label keeps its ellipsis. The E2E also pins Log mode so the plain #tag fixture exercises an editable tag run when the composer restores a prior Task mode. Full composer E2E passed after the fix.

The phone E2E reproduced the tag overflow at 390 px: the composer edge was x=374 and the long tag chip edge was x=425.8. The tag row now lets tag chips shrink into the width left by the date and time chips; the label keeps its ellipsis. The E2E also pins Log mode so the plain #tag fixture exercises an editable tag run when the composer restores a prior Task mode. Full composer E2E passed after the fix.
Author
Owner

Fixed. The Composer E2E passed all flows. Its phone check confirms a long line stays inside the composer, the long tag chip stays inside the composer and ellipsizes its label, and the page stays at or below 390px wide.

Fixed. The Composer E2E passed all flows. Its phone check confirms a long line stays inside the composer, the long tag chip stays inside the composer and ellipsizes its label, and the page stays at or below 390px wide.
kayg closed this issue 2026-09-26 12:52:04 +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#135
No description provided.