W3C home > Mailing lists > Public > www-style@w3.org > January 2014

[css3-break][css3-regions] Fragmented Floats and Block Formatting Contexts

From: Mihai Maerean <mmaerean@adobe.com>
Date: Wed, 22 Jan 2014 14:49:14 +0000
To: "www-style@w3.org" <www-style@w3.org>
Message-ID: <CF05959D.10708%mmaerean@adobe.com>
Hi

A block formatting context contains everything inside of the element
creating it. [1]


In the case of fragmentation contexts that create a Block Formatting
Context (BFC), there may be floats inside the fragmented content that also
have content inside them (which may have forced breaks).

Consider this content (with css regions, which create BFCs by default):
<style>
    .float {
        float: left;
    }
    .break {
        break-after: always;
    }
    .content {
        flow-into: flow;
    }
    .region {
        flow-from: flow;
    }
</style>
<body>
    <div class="content">
        <p>text</p>
        <div class="float">
            <p>text</p>
            <p class="break">text</p>
            <p>text</p>
        </div>
        <p>text</p>
    </div>

    <div class="region"></div>
    <div class="region"></div>
</body>


Should the 3rd paragraph that's inside the float (the one after the forced
break) be laid out in the 2nd fragment container (region)?
If the forced break that's inside the float is being honoured, then does
that mean that the BFC of the 1st fragment container is being violated?


The answer to this question should be included in the css3-break spec.


regards,
Mihai Maerean

[1] 
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_con
text

[2] http://dev.w3.org/csswg/css-break/

[3] http://dev.w3.org/csswg/css-regions/
Received on Wednesday, 22 January 2014 14:49:44 UTC

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