Homepage will overflow on small screens when feed content is too long
Open, NormalPublic
Actions

Assigned To

Authored By

	bekay
	May 3 2024, 12:28

Description

The current homepage is rendered like this on a mobile screen:

As you can see, the red arrows mark the overflowing which will enforce a horizontal scrollbar.

This is a fleeting phenomenon and it has to do with the feed content. The feed content can force open the layout because of unbreaking rendered content like D25540: Add PhutilRemarkupHexColorCodeRule, a new remarkup rule to format color codes. This object link is over 500px wide and so wider than most mobile screens.

Of course this should not happen because it makes reading the content on mobile screens cumbersome.

rP Phorge
	Accepted	D25619 Fix overflowing of AphrontSideNavFilterView on small screens and tidy up nav bar styles

Mentioned In: D25619: Fix overflowing of AphrontSideNavFilterView on small screens and tidy up nav bar styles
Mentioned Here: D25540: Add PhutilRemarkupHexColorCodeRule, a new remarkup rule to format color codes

display: table; should not be used for site layouts. Flex or Grid are the modern alternatives. I think I can cook up a quick diff.

bekay triaged this task as Normal priority.May 3 2024, 12:33

bekay updated the task description. (Show Details)

@speck here you can see the described overflowing:

That is no new behavior, it did exist for years 😅