ginnoir/famapp
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

Notes overflow horizontally on mobile #5

New Issue
Closed
opened 2026-07-03 23:55:15 -05:00 by ginnoir · 1 comment
ginnoir commented 2026-07-03 23:55:15 -05:00
Owner
Copy Link
Copy Source

Note content scrolls sideways on small viewports instead of wrapping.

Background / current behavior

On mobile, note content overflows horizontally. Fix belongs with the shared rich-text / notes overhaul (design #10) so formatting and overflow are solved together.

Expected behavior

Note content wraps; no horizontal page scroll from note body on small viewports.

Acceptance criteria

  • Long / wide note content at 375px width does not cause horizontal overflow.
  • Playwright: extend tests/e2e/notes.spec.ts — scrollWidth within viewport tolerance (same pattern as dashboard mobile check).
  • Closed together with design #10 / task 85-rich-text-notes.md.

Priority

P1 (batch step 7, with #10). Blocked by design #10 (rich-text notes overhaul).

<brief>Note content scrolls sideways on small viewports instead of wrapping.</brief> ## Background / current behavior On mobile, note content overflows horizontally. Fix belongs with the shared rich-text / notes overhaul (design #10) so formatting and overflow are solved together. ## Expected behavior Note content wraps; no horizontal page scroll from note body on small viewports. ## Acceptance criteria - [ ] Long / wide note content at 375px width does not cause horizontal overflow. - [ ] Playwright: extend `tests/e2e/notes.spec.ts` — `scrollWidth` within viewport tolerance (same pattern as dashboard mobile check). - [ ] Closed together with design #10 / task `85-rich-text-notes.md`. ## Priority P1 (batch step 7, with #10). **Blocked by** design #10 (rich-text notes overhaul).
ginnoir added the bugpriority/p1 labels 2026-07-03 23:55:15 -05:00
ginnoir commented 2026-07-04 00:00:24 -05:00
Author
Owner
Copy Link
Copy Source

Blocked by: #7 (Notes editor overhaul). Closes with rich-text epic / task 85.

(Gitea dependency API returned 404; tracked in docs/issues-map.md.)

**Blocked by:** #7 (Notes editor overhaul). Closes with rich-text epic / task 85. _(Gitea dependency API returned 404; tracked in `docs/issues-map.md`.)_
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
Something is broken
 enhancement
Improvement to existing behavior
 epic
Large multi-issue effort
 feature
New user-facing capability
 priority/p1
Next batch
 priority/p2
After P1
 priority/p3
Backlog
 research
Investigation / ADR only
No labels bug priority/p1
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
ginnoir (Ginnoir)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: ginnoir/famapp#5