Let mail wider than the pane scroll sideways

jcoffey-dev commented

2026-10-05 03:33:33 +00:00

Owner

The HTML mail root has contain: content, which clips anything that
overflows it, and nothing let it scroll. Mail built to a fixed width that
cannot shrink (a min-width table, a nowrap cell, a nested fixed layout)
was cut off at the pane's edge, with no way to reach the rest. That is
worst on a phone, where most marketing mail is wider than the screen.

The root now scrolls sideways (overflow-x: auto). Vertical overflow stays
clipped, as containment already made it, so no second scrollbar appears.
Mail that fits shows no scrollbar.

Verified in the browser on the mock with a 1200px min-width table in an
871px pane: on main the right 345px were clipped and unreachable; with
this change the root scrolls and the last cell comes into view. Plain
fixed-width tables were already squeezed to fit by max-width: 100%, and
still are. Not tried by touch on a real phone. No new strings.

Fixes #24. Reported by @mbjboon82.

The HTML mail root has contain: content, which clips anything that overflows it, and nothing let it scroll. Mail built to a fixed width that cannot shrink (a min-width table, a nowrap cell, a nested fixed layout) was cut off at the pane's edge, with no way to reach the rest. That is worst on a phone, where most marketing mail is wider than the screen. The root now scrolls sideways (overflow-x: auto). Vertical overflow stays clipped, as containment already made it, so no second scrollbar appears. Mail that fits shows no scrollbar. Verified in the browser on the mock with a 1200px min-width table in an 871px pane: on main the right 345px were clipped and unreachable; with this change the root scrolls and the last cell comes into view. Plain fixed-width tables were already squeezed to fit by max-width: 100%, and still are. Not tried by touch on a real phone. No new strings. Fixes #24. Reported by @mbjboon82.

jcoffey-dev added 1 commit 2026-10-05 03:33:33 +00:00

Let mail wider than the pane scroll sideways

ci / node (pull_request) Skipped

Details

ci / version (pull_request) Skipped

Details

ci / docker-build (pull_request) Skipped

Details

ci / publish (pull_request) Skipped

Details

github/ci (branch) GitHub Actions

Details

ci / github (pull_request) Successful in 2m25s

Details

ee9ede8753

The HTML mail root has contain: content, which clips anything that
overflows it, and nothing let it scroll. Mail built to a fixed width that
cannot shrink (a min-width table, a nowrap cell, a nested fixed layout)
was cut off at the pane's edge, with no way to reach the rest. That is
worst on a phone, where most marketing mail is wider than the screen.

The root now scrolls sideways (overflow-x: auto). Vertical overflow stays
clipped, as containment already made it, so no second scrollbar appears.
Mail that fits shows no scrollbar.

Verified in the browser on the mock with a 1200px min-width table in an
871px pane: on main the right 345px were clipped and unreachable; with
this change the root scrolls and the last cell comes into view. Plain
fixed-width tables were already squeezed to fit by max-width: 100%, and
still are. Not tried by touch on a real phone. No new strings.

Fixes #24. Reported by @mbjboon82.

jcoffey-dev merged commit 14680d0e1b into main

2026-10-05 03:48:38 +00:00

jcoffey-dev deleted branch fix/wide-mail-scrolls

2026-10-05 03:48:38 +00:00

jcoffey-dev referenced this pull request

2026-10-05 03:54:54 +00:00

No horizontal scroll when html mail is too wide #24

Let mail wider than the pane scroll sideways #31