W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2018

[csswg-drafts] [css-multicol] Overflow in the block direction for continuous media

From: Rachel Andrew via GitHub <sysbot+gh@w3.org>
Date: Fri, 13 Jul 2018 10:28:52 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-340966849-1531477731-sysbot+gh@w3.org>
rachelandrew has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-multicol] Overflow in the block direction for continuous media ==
In multicol 1, overflow in continuous media happens [in the inline direction](https://drafts.csswg.org/css-multicol-1/#pagination-and-overflow-outside-multicol), therefore if we restrict a multicol container by height and the content of that container creates more columns than will fit, new columns are created in the inline direction and [we get a horizontal scrollbar](https://codepen.io/rachelandrew/pen/LBpNRV). This is, in general, not what web authors want.

Overflow in the Block direction would enable something like the below image, where the additional columns are created below the initial multicol container.

![overflow-block-direction](https://user-images.githubusercontent.com/2764898/42686684-96653e26-868e-11e8-9b8c-21240bc8a594.png)

In talking to web authors, there was an interest in this ability. Use cases would be to give the multicol container a height in viewport units in order to know that a reader would not have to scroll up and down to read the content, instead they could read one set of columns, scroll down and read the next. There are examples of people using vertical media queries to check for enough space to display columns such as https://css-tricks.com/guide-responsive-friendly-css-columns/#article-header-id-12

When discussing this, authors immediately jumped to the need/desire to control those overflow columns in some way, perhaps by being able to specify a different number of columns/column width in the overflow. For example having the first set of column boxes render three columns, and the second two.







Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2923 using your GitHub account
Received on Friday, 13 July 2018 10:28:57 UTC

This archive was generated by hypermail 2.3.1 : Friday, 13 July 2018 10:28:57 UTC