Bug 122842

Summary: [CSS Regions] Unforced breaks introduce extraneous space when boxes flowed in region don't have text contents
Product: WebKit Reporter: Mihai Balan <mibalan>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Normal CC: bfulgham, WebkitBugTracker
Priority: P2 Keywords: AdobeTracked
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 57312    
Attachments:
Description Flags
HTML file highlighting the problem none

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).
Comment 1 Brent Fulgham 2022-07-12 17:18:55 PDT
CSS Regions were removed in Bug 174978.