W3C home > Mailing lists > Public > www-style@w3.org > May 2012

Region-break flow reorder (solution to Head of Line blocking)

From: François REMY <fremycompany_pub@yahoo.fr>
Date: Tue, 8 May 2012 14:21:11 +0200
Message-ID: <15811744E8114CA5BAF2963E56E4B47D@FREMYD2>
To: "CSS 3 W3C Group" <www-style@w3.org>
When you have a content flow, and regions accross which the content is divided, you inevitably face one difficulty: some elements are too big to fit in the current region, causing a region break, but they are also big enough to make the wasted space important enough for you to want to reclaim it: you would like to “smartly” reorder the content of your flow to avoid HoL blocking. This issue arise a lot with images, for example.

Flow document vs Paged document :


Reclaming the lost space could be very nice, especially if the exact location of the image doesn’t matter in your context. Here’s what it could look like :

Sometimes, you may also want to print a replacement content in case of reorder (for exemple a box saying the figure has been moved to next page) :

Here’s an first-attemp proposal to solve the problem :

    figure {
        flow-reorder: allow;
    figure::flow-placeholder {
        diplay: block; text-align: center; 
        color: gray; content: ‘See next page for illustration’;

Something maybe interesting would be to make it possible to prohibit cross-chapter reordering (ie: an H1 would never be allowed to be put before any item whose flow reorder is scoped to ‘chapter’).

    figure {
        flow-reorder: allow inside ‘chapter’;

    h1 {
        flow-flush-before: ‘chapter’;
Maybe people working at Adobe have a better vision on how to solve this problem, I guess it’s quite common in real life.

(image/png attachment: image_14_.png)

(image/png attachment: image_15_.png)

(image/png attachment: image_16_.png)

(image/png attachment: image_24_.png)

Received on Tuesday, 8 May 2012 12:21:49 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:16 UTC