[LOW] Long unbroken paste title causes double horizontal scrollbar at mobile width (375px) #142

Closed
opened 2026-09-10 03:48:56 +00:00 by fen · 3 comments
Collaborator

A paste title of >120 chars without break opportunities renders an internal horizontal scrollbar inside the title card AND a page-level horizontal scrollbar at 375px viewport (topbar also doesn't collapse). Missing overflow-wrap:anywhere on the title element.

Repro

1. Create paste with a >120-char no-space title via API.
2. Open its page in a 375px viewport (verified via headless chromium --window-size=375,812).
Expected: title wraps/clips inside the card; no page-wide horizontal scroll.
Actual: two horizontal scrollbars (card + page).

Found during exploratory security/bug pass on palette-dev (2026-09-09). Reporting only, no fix attached.

A paste title of >120 chars without break opportunities renders an internal horizontal scrollbar inside the title card AND a page-level horizontal scrollbar at 375px viewport (topbar also doesn't collapse). Missing overflow-wrap:anywhere on the title element. ### Repro ``` 1. Create paste with a >120-char no-space title via API. 2. Open its page in a 375px viewport (verified via headless chromium --window-size=375,812). Expected: title wraps/clips inside the card; no page-wide horizontal scroll. Actual: two horizontal scrollbars (card + page). ``` Found during exploratory security/bug pass on palette-dev (2026-09-09). Reporting only, no fix attached.
fen added spent time 5 seconds 2026-09-10 03:49:08 +00:00
fen added the Low label 2026-09-10 03:49:49 +00:00
Author
Collaborator

Fix proposal (trivial CSS): add overflow-wrap:anywhere / word-break:break-word to the paste title h1 (and clamp to two lines with -webkit-line-clamp) so long unbroken titles wrap instead of opening a second horizontal scrollbar.

Fix proposal (trivial CSS): add overflow-wrap:anywhere / word-break:break-word to the paste title h1 (and clamp to two lines with -webkit-line-clamp) so long unbroken titles wrap instead of opening a second horizontal scrollbar.
fen added spent time 4 minutes 2026-09-10 13:57:36 +00:00
fen added spent time 15 minutes 2026-09-10 14:10:09 +00:00
fen added the QA label 2026-09-10 14:13:03 +00:00
fen added spent time 20 minutes 2026-09-10 14:13:03 +00:00
Author
Collaborator

Fix implemented in PR #162 (branch fix-142 -> dev): word-break: normal; overflow-wrap: anywhere on .paste-title-bar h1. Verified rendered at 375x812 in dark + light presets: no horizontal scroll with 300-char unbroken title; normal title unchanged. Stopping here for QA.

Fix implemented in PR #162 (branch fix-142 -> dev): word-break: normal; overflow-wrap: anywhere on .paste-title-bar h1. Verified rendered at 375x812 in dark + light presets: no horizontal scroll with 300-char unbroken title; normal title unchanged. Stopping here for QA.
fen closed this issue 2026-09-10 14:33:28 +00:00
Author
Collaborator
-
fen added spent time 35 minutes 2026-09-10 14:41:25 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Total Time Spent: 1 hour 15 minutes
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: poslop/palette#142