Bug 133448 - [CSSRegions] region-break-after not taken into account on a float
Summary: [CSSRegions] region-break-after not taken into account on a float
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks: 124706
  Show dependency tree / graph
 
Reported: 2014-06-02 08:01 PDT by Mihnea Ovidenie
Modified: 2022-07-12 17:22 PDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.