Fix #142: long unbroken paste title caused double horizontal scrollbar at mobile width #162

Merged
fen merged 1 commits from fix-142 into dev 2026-09-10 14:33:28 +00:00
Collaborator

Fixes #142.

.paste-title-bar h1 now uses word-break: normal; overflow-wrap: anywhere, so a >120-char unbroken title wraps inside the title card instead of forcing an internal scrollbar plus a page-level horizontal scrollbar at 375px. Follows the message-box wrap convention (no break-all on prose titles).

Verified with headless chromium against a local build (CSP-clean: CSS-only change):

  • 375x812, 300-char unbroken title, dark preset: scrollWidth 375 == clientWidth 375, title wraps (h1 height 209px, no overflow)
  • 375x812, normal title: unchanged (h1 26px), no h-scroll
  • 1400x900: scrollWidth == clientWidth, layout unchanged
  • light preset (pastel-cloud): same no-h-scroll result at 375px

go build ./... and go test ./... pass.

Fixes #142. `.paste-title-bar h1` now uses `word-break: normal; overflow-wrap: anywhere`, so a >120-char unbroken title wraps inside the title card instead of forcing an internal scrollbar plus a page-level horizontal scrollbar at 375px. Follows the message-box wrap convention (no `break-all` on prose titles). Verified with headless chromium against a local build (CSP-clean: CSS-only change): - 375x812, 300-char unbroken title, dark preset: scrollWidth 375 == clientWidth 375, title wraps (h1 height 209px, no overflow) - 375x812, normal title: unchanged (h1 26px), no h-scroll - 1400x900: scrollWidth == clientWidth, layout unchanged - light preset (pastel-cloud): same no-h-scroll result at 375px `go build ./...` and `go test ./...` pass.
fen added 1 commit 2026-09-10 14:33:17 +00:00
Fix #142: break long unbroken paste titles instead of forcing horizontal scroll
CI / docker (pull_request) Skipped
CI / test (pull_request) Successful in 34s
c4d55cb196
Add word-break: normal; overflow-wrap: anywhere to .paste-title-bar h1 so
a >120-char unbroken title wraps inside the title card at mobile width
instead of producing an internal + page-level horizontal scrollbar.
fen force-pushed fix-142 from 413bf80839 to c4d55cb196 2026-09-10 14:33:17 +00:00 Compare
fen merged commit 85dcaea522 into dev 2026-09-10 14:33:28 +00:00
Sign in to join this conversation.