Bug 133448

Summary: [CSSRegions] region-break-after not taken into account on a float
Product: WebKit Reporter: Mihnea Ovidenie <mihnea>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Normal CC: bfulgham
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 124706    

Description Mihnea Ovidenie 2014-06-02 08:01:30 PDT
In the following case:

<html>
    <head>
        <style>
            .flow { border: 5px solid red; -webkit-flow-into: flow; }
            
            #div1 { float: left; width: 100px; height: 100px; background-color: blue; -webkit-region-break-after: always; }
            #div2 { width: 100px; height: 100px; background-color: green; display: inline-block; }

            .region { -webkit-flow-from: flow; border: 5px solid black; }

            #region1 { position: absolute; top: 100px; left: 100px; }
            #region2 { position: absolute; top: 300px; left: 300px; }
        </style>
    </head>
    <body>
        <div class="flow">
            <div class="float" id="div1"></div>
            <div class="green" id="div2"></div>
        </div>
        <div class="region" id="region1"></div>
        <div class="region" id="region2"></div>
    </body>
</html>

The break on the floating element should be honored, pushing the second div (blue) in the second region.
Comment 1 Brent Fulgham 2022-07-12 17:22:53 PDT
CSS Regions were removed in Bug 174978.