Bug 122842 - [CSS Regions] Unforced breaks introduce extraneous space when boxes flowed in region don't have text contents
Summary: [CSS Regions] Unforced breaks introduce extraneous space when boxes flowed in...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Keywords: AdobeTracked
Depends on:
Blocks: 57312
  Show dependency treegraph
Reported: 2013-10-15 10:10 PDT by Mihai Balan
Modified: 2013-11-05 05:10 PST (History)
1 user (show)

See Also:

HTML file highlighting the problem (1.08 KB, text/html)
2013-10-15 10:10 PDT, Mihai Balan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Mihai Balan 2013-10-15 10:10:30 PDT
Created attachment 214278 [details]
HTML file highlighting the problem

When a flow consisting of empty boxes (say, <div>s) with a set geometry (width & height) is flowed in a region, boxes flowed after an unforced break will be laid out as if they had margins, even though they don't.

Doing the same but with the boxes also having text contents will lay out correctly.

In the attached file, you should see two rows, each with two horizontal green rectangles with black borders.
The green rectangles are made out of boxes flowed in regions.

The boxes in the top right region are shifted downwards even though there's no styling to cause that. Replicating the markup but adding an 'x' in each box produces a correct rendering (bottom row).