Re: Reflow: Two details

Hi Wayne,

You wrote:

> Tables do use stupid constructs that force horizontal scrolling like using long URLs that take up more than CSS 320px. Consider the following dummy code…

Applying max-width to the table may not work, but if it is applied to a wrapper (even just the <body> element) then it would create scrolling rather than overlap.

And adding word-break: break-all to the th/td elements (as you suggested) should take care of long URLs etc.


> For example, and email client seems to think that the mailbox tree must be visible at all times on a laptop or desktop, they drop that for mobile presentation. Obviously that is not required for usage or meaning.

Indeed, my email client at home (Mailbird on Windows) doesn’t show the mailbox tree by default, it is hidden and appears when you grab something and hover over a button.

Those tasks do not require two things to be on screen at the same time, whereas applying styling to content is more effective if you can see both the button and content at the same time. (And these buttons are generally shown on mobile to, although possibly with scrolling of the toolbar.)

It is a good discussion on advisory techniques, and possibly a future SC, but I think the TF is focused on dealing with the current ones at the moment so apologies if we aren’t too responsive on this issue yet.

-Alastair

Received on Monday, 12 February 2018 15:07:53 UTC